文档流
块元素在文档流中独占一行,网页就是一个文档
块元素的宽度默认占父元素的百分之百
块元素的高度是默认被内容撑开的,内容有多高,他就多高,子元素有多高,他就多高
浮动
float:right 右浮动 float:left;左浮动 float:none;
当你给一个元素设置浮动以后,这个元素立刻脱离文档流,并且不占用原来的位置,下面的元素
会立刻向上移动
浮动比文档流高一层
假如你浮动的这个元素的上面是一个没有浮动元素的块,那么浮动的这个元素是不会超过这个
块的!
浮动的元素不会超过兄弟元素,最多一边齐
(文字绕图)浮动的元素不会盖住文字,会自动环绕在块周围
内联元素的浮动
块元素脱离文档流,高度和宽度都会被内容撑开
内联元素脱离文档流会变成块元素
网友评论