如何div里的参数不管用？
日期：2014-05-16 浏览次数：20343 次
怎么div里的参数不管用？？？？
这是简单的代码：
<body>
<div id= "d1 " style= "position:absolute;top:0;left:0;right:200;bottom:200;width:200;height:200;background-color:red; ">
aaaaaaaaaaaaaa <br />
bbbbbbbbbbbbbb <br />
ccccccccccccccc <br />
<input type=text title= "sdfdsf " />
</div>
<div id= "d2 " style= "position:absolute;top:0;left:30;background-color:blue; ">
243524352435
<img id= "img1 " src= "images/pharmacy.bmp " style= "top:500;left:500;position:absolute;z-index:3;cursor:hand ">
</div>
</body>
可是两个div区域是重叠的？？？为什么？
------解决方案--------------------
position:absolute 你两个都是确对定位,当然重叠哦.
如果你想第二层相对于第一层定位的话,d2属性设为position:relative
------解决方案--------------------
style= "position:absolute;top:0;left:0;right:200;bottom:200;width:200;height:200;
看一下两DIV里的position，有重叠的地方
------解决方案--------------------
你这两个肯定是重叠的，因为第一个的左边界是0宽度是200，而第二个的左边界是30，30《200所以重叠，设置左边界> =200，就不会重叠了。垂直方向亦如此！
<body>
<div id= "d1 " style= "position:absolute;top:0;left:0;right:200;bottom:200;width:200;height:200;background-color:red; ">
aaaaaaaaaaaaaa <br />
bbbbbbbbbbbbbb <br />
ccccccccccccccc <br />
<input type=text title= "sdfdsf " />
</div>
<div id= "d2 " style= "position:absolute;top:0;left:230;background-color:blue; ">
243524352435
<img id= "img1 " src= "images/pharmacy.bmp " style= "top:500;left:500;position:absolute;z-index:3;cursor:hand ">
</div>
</body>
------解决方案--------------------
try
--------------------
top:200
改为
top:200px;
其他亦如此
这是简单的代码：
<body>
<div id= "d1 " style= "position:absolute;top:0;left:0;right:200;bottom:200;width:200;height:200;background-color:red; ">
aaaaaaaaaaaaaa <br />
bbbbbbbbbbbbbb <br />
ccccccccccccccc <br />
<input type=text title= "sdfdsf " />
</div>
<div id= "d2 " style= "position:absolute;top:0;left:30;background-color:blue; ">
243524352435
<img id= "img1 " src= "images/pharmacy.bmp " style= "top:500;left:500;position:absolute;z-index:3;cursor:hand ">
</div>
</body>
可是两个div区域是重叠的？？？为什么？
------解决方案--------------------
position:absolute 你两个都是确对定位,当然重叠哦.
如果你想第二层相对于第一层定位的话,d2属性设为position:relative
------解决方案--------------------
style= "position:absolute;top:0;left:0;right:200;bottom:200;width:200;height:200;
看一下两DIV里的position，有重叠的地方
------解决方案--------------------
你这两个肯定是重叠的，因为第一个的左边界是0宽度是200，而第二个的左边界是30，30《200所以重叠，设置左边界> =200，就不会重叠了。垂直方向亦如此！
<body>
<div id= "d1 " style= "position:absolute;top:0;left:0;right:200;bottom:200;width:200;height:200;background-color:red; ">
aaaaaaaaaaaaaa <br />
bbbbbbbbbbbbbb <br />
ccccccccccccccc <br />
<input type=text title= "sdfdsf " />
</div>
<div id= "d2 " style= "position:absolute;top:0;left:230;background-color:blue; ">
243524352435
<img id= "img1 " src= "images/pharmacy.bmp " style= "top:500;left:500;position:absolute;z-index:3;cursor:hand ">
</div>
</body>
------解决方案--------------------
try
--------------------
top:200
改为
top:200px;
其他亦如此
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
