如何固定两个div
本帖最后由 a.a 于 2012-10-29 11:34 编辑在一个页面中的两个div
<div id="wrapper">
<div id="div1" style="float:left"></div>
<div id="div2" "float:left"></div>
</div>
如何写css可以让div1,div2的大小始终不变化。即使用浏览器的大小变化，他们的位置固定不变的。
尝试了将div1/2 的possion设置为static，但是当浏览器的大小变化时，会发生覆盖的情况。
css该如何设计，请高手指点指点。先行谢过。 <!doctype html>
<html>
<head>
<style>
html,body,div {margin:0;padding:0,border:0;}
#wrapper {width:960px;height:500px;margin:0 auto;background:#ccc;position:relative;}
#div1 {width:320px;height:200px;float:left;background:#ffe00f;}
#div2 {width:320px;height:200px;float:left;background:#0cd3e1;}
</style>
</head>
<body>
<div id="wrapper">
<div id="div1"></div>
<div id="div2"></div>
</div>
</body>
<html>给div1,div2的父级div设置宽度的固定值就行了。 我还真没见过覆盖的, 只要宽度控制在960~980像素, 一般的手机与电脑分辨率都是可以正常拉伸压缩的. 回复 2# satrun7
原来是这样。非常感谢lz的指点。
页:
[1]