css float

最新推荐文章于 2022-11-25 07:00:00 发布

qq_27084325

最新推荐文章于 2022-11-25 07:00:00 发布

阅读量140

点赞数

本文链接：https://blog.csdn.net/qq_27084325/article/details/52247376

版权

css 专栏收录该内容

19 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>浮动讲解</title>
</head>
<body>
<!-- 包裹

实现文字环绕效果
破坏性
父容器高度塌陷
块状化，去空格(字符)化

float:left - - text-align:center - - float:right;

单侧固定
width + float
    +> padding-left/margin-left

width:100% + float
    padding-left/margin-left
width + float + margin负值

智能自适应
float
display:table-cell  IE8+
display:inline      IE7
 -->
<style>
/*右浮动，改变DOM位置的流体布局*/
.mib_header_r{width: 56px;float: right;}
.mib_feed_flow{margin-right: 76px;}
/*左浮动，不改变DOM位置的流体布局*/
.mib_full_float{width: 100%;float: left;}
.mib_feed_flow{margin-right: 76px;}
.mib_head_l{width: 56px;float: left;
margin-left: -56px;}


.clearfix:after{
    content: '';
    display: table;
    clear: both;
}
.clearfix{
    *zoom:1;
}
</style>
</body>
</html>