-
布局分为:流式布局、浮动布局、绝对定位布局 相关知识点:标准文档流、盒子模型、float属性、position属性 1.自动居中一列布局案例—盒子模型的使用方法 2.浮动布局案例—float属性来实现上中下布局和横向两列甚至多列布局,解决浮动影响的常用方法 3.绝对定位布局案例—上中下布局,实现两列甚至多列布局查看全部
-
注意:柱子层的高度一定要>绝对定位层查看全部
-
横向两列的布局查看全部
-
当一个元素设置绝对定位,没有设置宽度,元素d宽度根据内容进行调节查看全部
-
偏移参照基准查看全部
-
当设置了绝对定位,脱离了标准文档流,宽度会随着内容的内容改变 有已经定位的祖先元素,相对定位,没有脱离标准文档。查看全部
-
position属性的4个属性值查看全部
-
clear:both 一般用于紧邻后面的元素的清除浮动 width:100%;overflow:hidden;用于父级元素的清除浮动查看全部
-
清除浮动代码 要放到受到浮动印象的代码里面查看全部
-
除浮动方法: 1、clear属性常用clear:both;(给浮动元素的后面的元素使用) 2、设置width:100%(或固定宽度)+overflow:hidden;(一般情况下对受到浮动影响的元素设置这些属性,给浮动元素的包裹层使用,常用于因未设置高度而看不见的包裹层。) 空标签无意义,不建议使用此方法清除浮动。 [ 查看全文 ]查看全部
-
清除浮动属性查看全部
-
float元素紧跟着后面的元素移动查看全部
-
浮动前要设置元素宽度,要不然元素会变成一个小圆点使其看不见查看全部
-
float 属性查看全部
-
如果有设置了浮动 或者 绝对定位 自动居中就没有用了查看全部
举报
0/150
提交
取消