【生意多】-免费发布分类信息
当前位置: 首页 » 新闻 » 教程 » 正文

CSS布局(五) 网页布局方式

放大字体  缩小字体 发布日期:2020-06-11 11:07:12    浏览次数:9
导读

  一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等;  说起两列布局,最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果,以及需要及时清除浮动。  首先设置父级元素的宽度,可以左左右设置浮动。然后中间设置margin调整间距。 也可以都设置成左浮动,设

  一般都是固定的宽高,设置margin : 0 auto来水平居中,用于界面显著标题的展示等;

  说起两列布局,最常见的就是使用float来实现。float浮动布局的缺点是浮动后会造成文本环绕等效果,以及需要及时清除浮动。

  首先设置父级元素的宽度,可以左左右设置浮动。然后中间设置margin调整间距。 也可以都设置成左浮动,设置margin,调整间距。同样注意清除浮动的影响!

  或着为父级元素设置relative属性,再为子元素设置absolute属性,再分别定位,调间距。

  在一列布局的基础上,保留top和foot部分,将中间的main部分改造成两列或三列布局,小的模块可以再逐级同理划分。

 
关键词: css首页布局
(文/小编)
打赏
免责声明
• 
本文为小编原创作品,作者: 小编。欢迎转载,转载请注明原文出处:http://www.31duo.com/news/show-259737.html 。本文仅代表作者个人观点,本站未对其内容进行核实,请读者仅做参考,如若文中涉及有违公德、触犯法律的内容,一经发现,立即删除,作者需自行承担相应责任。涉及到版权或其他问题,请及时联系我们。
 

(c)2016-2019 31DUO.COM All Rights Reserved浙ICP备19001410号-4

浙ICP备19001410号-4