定位属性

position默认值为static
static默认值。没有定位,元素出现在正常的流中(忽略 top, bottom, left, right 或者 z-index 声明)。
fixed和absolute,上下设置为0均可以实现自适应浏览器高度;

absolute和fixed都已经使子节点脱离文档流, 父节点必然不能被子节点撑开。

想要子节点撑开父节点的解决办法有:


  1. 如果只有一个子节点,可以把高度设置在父节点上,子节点用top, left,bottom 和 right 来控制宽高。

  2. 如果有多个需要使用绝对定位的子节点,可以在子节点上再包一个父节点,同时在父节点和子节点上设置宽高.

当子元素浮动时无法撑开父元素,父元素高度为0。这时可以通过在浮动的子元素后清除浮动来使父元素获得正确的高度。

1
2
3
4
<div>
    <div style="float:left;height:200px;">child</div>
    <div style="clear:both;"></div>
</div>





posted @ 2016-08-31 10:13  fuxiao82  阅读(141)  评论(0)    收藏  举报