CSS属性之浮动以及解决浮动塌陷

来源:互联网 发布:韩国民族主义知乎 编辑:程序博客网 时间:2024/06/06 19:55

1.浮动能使元素半脱离文档流–>半脱离指具体的数据会被拦截,常用于制作文字包围图片(文本流水)
这里写图片描述
2.行内元素设置浮动后能识别宽高。
3.语法:float:left | right;
清除浮动:clear:left | right | both;


浮动塌陷:子元素浮动,父元素高度为0;
解决方案:
(1)父元素添加overflow:hidden;
(2)父元素添加float:left;
(3)父元素添加position:absolute;

原创粉丝点击