关于浮动，要说的可能就是：一个设置了浮动的元素会尽量向左移动或向右移动，且会对其后的元素造成影响，其后的元素会排列在其围绕在其左下或右下部。似乎就这么简单，但是在实际开发中，它应用这的是非常的多。在此，我会浅析浮动的基本原理，然后通过实例的方式尽量让大家对浮动有更加深刻的理解关于浮动 如何设置元素的浮动
设置一个元素的浮动很简单
// 只能设置一个元素左浮动或又浮动float: left/right;
需要特别注意的是：浮动 只能 作用于文档流中的元素。也就是说对于四种定位方式，只对默认定位（Static）、相对定位（Relative）的元素起作用。
浮动对其周围元素的作用 浮动只对其后边的元素有影响，对前边的元素没有任何影响。示例
#red-div { background-color: red; width: 100px; height: 100px; } #blue-div { background-color: blue; width: 100px; height: 100px; float: right; }
查看更多关于CSS3-06样式5_html/css_WEB-ITnose的详细内容...
声明：本文来自网络，不代表【好得很程序员自学网】立场，转载请注明出处：http://www.haodehen.cn/did112397