css怎么让元素超出父元素

<p id="a">

   <p id="b">我要浮出去！</p></p>

#a{

  width:400px;

  height:100px;

  background:rgb(0, 0, 0);

  position:relative;/*父元素>相对定位*/}#b{

  width: 150px;

  height:50px;

  background:rgb(185, 155, 255);

  position:absolute;/*子元素>绝对定位*/

  top:-30px;/*控制浮出*/

  /* left:XX; */}