css如何布局

这篇文章主要介绍了css如何布局，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

布局：float、clear

通常默认的排版方式，将页面中的元素从上到下一一罗列，而实际开发中，需要左右方式进行排版，就需要使用浮动

选择器{float:属性值}    常用属性值：            left:元素向左浮动            right:元素向右浮动            none:元素不浮动(默认值)

由于浮动元素不再占用原文档流的位置，所以它会对页面中其他元素的排版产生影响。如果要避免影响，需要使用clear属性进行清除浮动。

选择器{clear:属性值;}    常用属性值：            left：不允许左侧有浮动元素(清除左侧浮动的影响)            right：不允许右侧有浮动元素(清除右侧浮动的影响)            both：同时清除左右两侧浮动的影响

例如：

感谢你能够认真阅读完这篇文章，希望小编分享的"css如何布局"这篇文章对大家有帮助，同时也希望大家多多支持，关注行业资讯频道，更多相关知识等着你来学习!