总结CSS的position定位属性在使用的一些重点

2020-05-05 07:29:29易采站长站整理

             width:200px;     
}     
            #div-1b 
{     
             position:absolute;     
             top:0;     
             left:0;     
             width:200px;     
 }    

内部的两个子div会根据其外部定位为relative的元素为参照进行绝对定位。

6.clear:both清除浮动
有的时候定位会出现塌陷现象,即子元素在父元素中,但是父元素的大小不会随着子元素的大小而被“”撑开“,导致了父元素的塌陷效果。这种bug的出现是由于子元素设定了 float属性,导致父元素的坍塌。要想解决这种bug,需要为父元素设定清除浮动。示例代码如下:

CSS Code复制内容到剪贴板

#div-1a 
{     
             float:left;     
             width:190px;     
 }     
            #div-1b
 {     
             float:left;     
             width:190px;     
 }     
            #div-1c
 {     
             clear:both;     
 }