PHP基础-2上午：CSS盒模型与元素布局详解.pdfVIP

盒子外边距设置

外边距

兄弟元素可以设置外边距

左右关系外边距要累加，

上下关系外边距会以大的为准

浮动的上下关系元素外边距要累加

上边浮动，下边不浮动，以上边外边距为准

上边不浮动，下边浮动，上下外边距会累加

父子节点

子节点的左右外边距是相对父节点的

子节点上边距会冒充父节点的上边距

（解决：①给父节点设置一个向上的或即可，②子节点或父节点设置浮

动属性）

父子级外边距

父元素的第一个子元素的上边距如果碰不到有效的或者就会不

断一层一层的找自己“”(父元素，祖先元素的。只要给设置个有效的

或者就可以有效的这个目无的防止它越级，假传圣旨，把自己的

当的执行

float:left/right;

clear:both/left/right;

行级元素、块级元素，两者区别，相互转换

行级元素：好多元素占据一样，这个元素就是行级元素

块级元素：每个元素要独占一行

两者区别：

行级元素没有宽和高、在垂直方向上不能设置margin和padding

行级元素转化为块级元素

disy:block;

1.超a要设置宽和高需要转化

2.img有向下的白边，可以将img转化为块级元素解决。

溢出处理属性

overflow:hidden/scroll/auto;

今天内容

呱呱开发

布局分析（从上到下，从左到有）