img{border:0;}
td { line-height:25px;}
ul,li{ list-style-type:none;}
body {
margin: 0px;
background-color:#ffffff;
font-size: 12px;
height:100%;
background-repeat:repeat-x;
background-position:center top;
}
html {
height:100%;
}
clear { clear:both;}
a {color:#f00; font-size:12px; text-decoration:underline;}
a:hover {color:#f00; text-decoration:none;}
ul {
margin: 0px;
padding: 0px;
}
li {
margin: 0px;
padding: 0px;
}给外层DIV一个固定的宽度，在设置边界值左右自动，就可以居中对齐了。
外层<div
class="box">层中的内容</div>
样式：box
｛margin：0
auto; width:800px;
}设置div为固定位置。如：
1
<div style="width:100px; height:100px; border:1px solid red; position:fixed; left:300px; top:300px;"></div>
这样就会固定在left:300px；top:300px;的位置，不会随着滚动条的滚动而滚动<div
id="a"
style="width:400px;
float:left;">
//内容
</div>
<div
id="b"
style="width:400px;
float:right;">
//内容
</div>
这里说明下，要让b在a的右边，必须给这两个div设置个适合的宽度，如果没设置宽度的话，div默认的宽度是100%，所以如果没有设置宽度b就会在a的下面。<body>
<div id="div1" style="width:100px; height:100px; background:#ccc";></div>
</body>
<script>
var oDiv = documentgetElementById('div1');
oDivstyleposition = 'fixed';
oDivstyletop = '20px';
oDivstyleleft = '20px';
</script>
主要思想就是，在js中修改div的位置。所有的赋值，都可以计算后再传值，这样就不想CSS中只能写一个值了。
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）