第七章-CSDN博客

本文链接：https://blog.csdn.net/qq_43142119/article/details/87222968

第七章
1.网页布局
标准文档流
指元素根据块元素或行内元素的特性按从上到下，从左到右的方式自然排列。这也是元素默认的排列方式
标准文档流组成
块级元素（block）
…、、、列表
内联元素（inline）
、、、…
2.display属性
值说明
block 块级元素的默认值，元素会被显示为块级元素，该元素前后会带有换行符
inline 内联元素的默认值。元素会被显示为内联元素，该元素前后没有换行符
inline-block 行内块元素，元素既具有内联元素的特性，也具有块元素的特性
none 设置元素不会被显示
3.浮动(float)属性
值说明
left 左浮动
right 右浮动
none 不浮动
4.清除浮动
clear属性
值说明
left 在左侧不允许浮动元素
right 在右侧不允许浮动元素
both 在左、右两侧不允许浮动元素
none 默认值。允许浮动元素出现在两侧
解决父级边框塌陷的方法
浮动元素后面加空div

欢迎登录


![在这里插入图片描述](https://img-blog.csdnimg.cn/20190214010430993.png?x-oss-process=image/watermark,type_ZmFuZ3poZW5naGVpdGk,shadow_10,text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQzMTQyMTE5,size_16,color_FFFFFF,t_70)