首页技术文章正文

什么是两列布局?使用两列布局有哪些优点?

更新时间:2021-04-27 来源:黑马程序员 浏览量:

1577370495235_学IT就到黑马程序员.gif


单列布局虽然统一、有序,但常常会让人觉得呆板。所以在实际网页制作过程中,通常使用另一种布局方式——两列布局。两列布局和单列布局类似,只是网页内容被分为了左右两部分,通过这样的分割,打破了统一布局的呆板,让页面看起来更加活跃。如图1所示,就是一个“两列布局”页面的结构示意图。


两列布局

图1 两列布局

在图1中,内容模块被分为了左右两部分,实现这一效果的关键是在内容模块所在的大盒子中嵌套两个小盒子,然后对两个小盒子分别设置浮动。


猜你喜欢:

什么是网页布局?DIV+CSS技术的布局流程是怎样的?

页面布局的排列规则是什么?怎样清除浮动标签?

什么是流式布局?什么情况下用?[web前端培训]    

弹性盒布局的4种常用属性演示【前端技术文章】

黑马程序员web前端培训

分享到:
在线咨询 我要报名
和我们在线交谈!