上一篇
下一篇
div+css左右两列布局
作者:cmscn 日期:2008-03-20
上次说到让页面整体居中的方法。现在说一下分两列布局的方法。还是利用上次的html代码。
<body>
<div id="container">
<div id="left" >
左栏
</div>
<div id="right">
右栏
</div>
</div>
</body>
我的思路就是让id为left的div向左移动，让id为right的div向右移动，最后在用一个元素（比如可以新添加一个foot元素清除浮动），本站的布局就是这样的，在IE和FireFox中都还可以。
一般把页面宽设计成760px,所以我把left的宽设计为250px，right设计为500px，中间留下10px的空隙。以下就是css
#left{
width:250px;
float:left;
}
#right{
width:500px;
float:right;
}
这就是两列布局很常用的方法，写下来主要是为了让大家学习css的用法，将来在ajax程序中会有用的。
文章来自: 
引用通告: 
Tags: 
相关日志:
评论: 0 | 引用: 0 | 查看次数: 744
发表评论
