css如何布局

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

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

布局:float、clear

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

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

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

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

例如:



 
超链接




区域1-1

区域1-2






区域2-1

区域2-2







区域3-1

区域3-2

区域3-3


css如何布局

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


分享名称:css如何布局
地址分享:http://pwwzsj.com/article/gpgdss.html