float实例讲解
float是个强大的属性，在实际前端开发过程中，人们经常拿它来进行布局，但有时，使用的不好，也麻烦多多啊。
比如，现在我们要实现一个两列布局，左边的列，宽度固定；右边的列，宽度自动扩展。
效果图见下：
思路：利用div+float，div1为左边的列，div2为右边的列，将div1的宽度设置为固定宽度并将其设置为左浮动，脱离文档流；div2在普通流中就ok了。
具体代码和效果图见下：
width_layout .content { min-width:300px; } .div1 { width:200px; height:300px; background:green; float:left; } .div2 { height:300px; background:pink; }
查看更多关于float实例讲解_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did114244