1.什么是DIV
div是层叠样式表中的定位技术
有时把DIV称为图层,更多时候称为块

溢出处理

css轮廓outline,outline的属性值 dashed虚线轮廓 dotted点状轮廓 solid实线 double双线,位于边框边缘外围
边框还有如下几种属性表示








float:inherit; /*该属性继承继承伟为使得DIV3继承父元素的浮动属性*/
块级元素宽高在未设定的情况下,宽度是上父元素的宽度,会获取子元素的高度作为自己的高度,若子元素高度为0,或没子元素,则高度是0,
子元素的浮动会引起父元素的崩塌,父元素中的overflow会解决塌陷现象
块状元素浮动,其独占一行的特性会消失

块状元素的浮动会对子元素有包裹的属性
float最初的目的是实现文字环绕的特性,发展成为也可以实现图片的并列显示
为不引起高度崩塌,有时会清除浮动
清除浮动的方法 在有浮动元素的最后添加一个带有clear:both;属性的元素 给父元素添加 overflow:hidden;和zoom:1;

我的网盘>前端入门第N次>CSS浮动
网友评论