个回答

• 满天星6

  2016-07-09 17:35:37

  已采纳

  1、HTML 部分：

  <div class="box">
      <p>我是浮动的</p>
      <p>我也是居中的</p>
  </div>

  2、CSS 部分：

  .box{
      float:left;
      position:relative;
      left:50%;
  }
  p{
      float:left;
      position:relative;
      right:50%;
  }

  这样看来就很简单了吧，父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。

  
  

  0

• qq_鸿歌_0

  2016-09-25 14:27:13

  "这样看来就很简单了吧，父元素和子元素同时左浮动，然后父元素相对左移动50%，再然后子元素相对右移动50%，或者子元素相对左移动-50%也就可以了。"

  当表述为：“然后父元素左边距50%（是相对于其外层容器的），再然后子元素右边距50%（是相对于父元素的），

  0

• ssdxsz

  2016-07-09 17:35:09

  div{text-align:center;}

  0