CSS两列布局body { margin: 0; padding: 0; } .left { float: left; width: 20%; background-color: #f8f8f8; h
网页布局是网页设计的基础,CSS两列布局是最基本的布局之一。它采用浮动(float)属性来实现,左边列一般用于导航菜单,右边列则用于显示主要的内容。
.left { float: left; width: 20%; } .right { float: left; width: 80%; }
以上是实现CSS两列布局的关键代码。其中,左边列的宽度为20%,右边列的宽度为80%。这样,两列加起来的宽度就是100%。然后,将左边列设置为浮动(float: left;),这样右边列就会自动占据剩余的空间。
粉丝
0
关注
0
收藏
0