以支持多种浏览器的方式创
javascript中的
Mar
13
以下在firefox，ie下都能很好显示。
#divLeft
{
float: left;
position: relative;
background-color: aqua;
height: 200px;
width: 30%;
}
#divRight
{
float: right;
margin-left: 1px;
position: relative;
height: 200px;
background-color: blue;
width: 69%;
}
需注意的是：
1，层最好宽度不固定。宽度一固定，那么当浏览器的屏幕宽度不够时，右边的DIV会显示到左边DIV之下，浏览器是很老实的，它不会帮你智能裁剪，所以才需要使用百分比。现在的网页大部分布局DIV都能随屏幕尺寸伸缩自己。
2，百分比宽度也不能全用尽，比如像这样：30% vs 70%，至少要留出1%的宽度。右边DIV最好加上margin-left。
3，如果需宽度固定，只需在所有布局DIV的外围套一个全局的宽度固定的层。
最后，作了Coder不必要成为web ui设计者，但是稍微了解一下，也没甚么坏处，^_^。像struts的tiles，ofbiz的screen，webwork的sitemesh，如果布局布的好要省多少事啊。
#divLeft
{
float: left;
position: relative;
background-color: aqua;
height: 200px;
width: 30%;
}
#divRight
{
float: right;
margin-left: 1px;
position: relative;
height: 200px;
background-color: blue;
width: 69%;
}
需注意的是：
1，层最好宽度不固定。宽度一固定，那么当浏览器的屏幕宽度不够时，右边的DIV会显示到左边DIV之下，浏览器是很老实的，它不会帮你智能裁剪，所以才需要使用百分比。现在的网页大部分布局DIV都能随屏幕尺寸伸缩自己。
2，百分比宽度也不能全用尽，比如像这样：30% vs 70%，至少要留出1%的宽度。右边DIV最好加上margin-left。
3，如果需宽度固定，只需在所有布局DIV的外围套一个全局的宽度固定的层。
最后，作了Coder不必要成为web ui设计者，但是稍微了解一下，也没甚么坏处，^_^。像struts的tiles，ofbiz的screen，webwork的sitemesh，如果布局布的好要省多少事啊。
对《DIV/层并排布局》有 1 条评论