-
1、清楚浮动带来的影响的方法查看全部
-
浮动的特点之一查看全部
-
float 后父元素塌陷，文字环绕查看全部
-
float: display:table-cell IE8+ display:inline-block IE7查看全部
-
width:100%+float padding-left/margin-left width+float+margin负值查看全部
-
浮动核心代码： 左侧div: float: left; 右侧div: display: table-cell; width: 9999px; <---没错width就是 9999px 记得清除浮动 .clearfix {*zoom: 1;} .clearfix:after {content: ''; display: table; clear: both;} 详细原理参考老师博客 http://www.zhangxinxu.com/wordpress/2015/02/css-deep-understand-flow-bfc-column-two-auto-layout/查看全部
-
.mib_head_a { float: left; margin-right: 20px; } /* 下面这个是固定布局写法 */ .mib_cell { display: table-cell; *display: inline-block; width: 2000px; *width: auto; }查看全部
-
左浮动，不改变DOM位置的流体布局写法，核心代码是 左侧div: width: 100%; float: left; 右侧div: width: 56px; float: left; margin-left: -56px; <--- 此处的 margin-left，等于右侧 div 自身的宽度 width: 56px查看全部
-
resize 是否可由用户调整元素的尺寸。 resize:none;(用户无法调尺寸), both(用户可调高和宽) horizontal(可调宽) vertical(调高) 注释：如果希望此属性生效，需要设置元素的 overflow 属性，值可以是 auto、hidden 或 scroll。查看全部
-
更好的方法查看全部
-
权衡后的策略。查看全部
-
BFC/haslayout通常声明查看全部
-
danceguding查看全部
-
<title>浮动的原本作用-文字环绕</title> <style> .test-box { width: 600px; margin: 16px auto; line-height: 1.5; font-size: 14px; } .float-left { float: left; margin: 0 10px 5px 0; } </style> </head> <body> <div class="test-box"> <img src="http://img1.sycdn.imooc.com//53d60af3000171a002560191.jpg" class="float-left";/>查看全部
-
display:inline-block/table-cell/ position:absolute(近亲)/fixed/sticky overflow:hidden/scroll查看全部
举报
0/150
提交
取消