WEB 5月7日笔记-浮动布局
in 学习 with 0 commentand 86 read

WEB 5月7日笔记-浮动布局

in 学习 with 0 commentand 87 read

布局方式

浮动布局:
1.为啥使用浮动布局?
为了使块元素在一行布局,要使用浮动布局
2.浮动实质
浮动元素的实质是脱离正常文档流,块元素会收缩到自身宽度
3.怎么浮动?
float:left、right;
4.浮动后有什么问题?
A.父级丢失 子元素脱离了正常文档流,父元素无法被撑开,影响与父级元素同级的元素
B.一旦浮动 父级的同级相邻后续元素会蹿位,造成布局混乱
C.行元素会和块元素一样受控制
5.怎么解决?
解决办法:
A.不建议采用 给父级添加固定高!
B.清楚浮动:采用一个专门的空元素来清楚浮动副作用!
方法1:
<div class="clear"></div>

</div>
.clear{
clear:both;
}
方法2:


这种方法简单易懂。

评论