在技术文档中对于clear的值是这样解释的:
我们在实例中看一下:
首先:在一个大盒子里放4个p标签,让p标签全部左浮动,此时会产生高度塌陷问题
HTML代码如下:
css代码如下:
在前两个p标签之后添加一个空的块元素div,给这个块元素clear:left属性
HTML代码如下:
css代码如下:
.clear{ clear: left; }
看起来是实现了元素左侧不允许有浮动,但如果给第2个p标签一个右浮动
css代码如下:
p:nth-of-type(2){
float: right;
height: 100px;
background-color: orange;
}
会发现父元素只撑开了第一个左浮动的p标签的宽度。
>>本文地址:https://www.ujiuye.com/zhuanye/2019/48200.html
声明:本站稿件版权均属中公教育优就业所有,未经许可不得擅自转载。
1 您的年龄
2 您的学历
3 您更想做哪个方向的工作?