css如何布局

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

创新互联成立于2013年，我们提供高端重庆网站建设公司、成都网站制作、网站设计、网站定制、营销型网站建设、微信平台小程序开发、微信公众号开发、营销推广服务，提供专业营销思路、内容策划、视觉设计、程序开发来完成项目落地，为成都玻璃钢坐凳企业提供源源不断的流量和订单咨询。

布局：float、clear

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

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

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

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

例如：

 

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