两列布局大概是最经典的一种网页布局方式了,本博客就是采用的这种布局。两列布局中,以主列(main)是自适应宽度,子列(sidebar)是固定宽度的情形最为常见。今天就来好好探讨一下如何实现这种定宽+自适应的两列布局。
1. absolute + margin 方式
首先想到的是利用 absolute + margin 的方式实现。先看看代码:
XML/HTML Code复制内容到剪贴板
<div u00a0class=container>
<div u00a0class=sidebar>子列</div>
<div u00a0class=main>主列</div>
- 1
- 2
前往页