日期:2014-05-17  浏览次数:20649 次

css+div 出现问题,求教

<div   id= "container "> <!--宽度为800px-->
          <div   id= "leftbg "> </div> <!--宽度为20px,左边边框-->
          <div   id= "main "> <!--宽度为760px-->
          </div>
          <div   id= "rightbg "> </div> <!--宽度为20px,右边图片边框-->
</div>
float的设置都为left
问题就在main这里,算起来刚刚好,但是总会把rightbg给挤下来,main设置成755px才可以,多一个象素都不行,昨天弄了一整天,没弄好......

------解决方案--------------------
回复人:snmr_com(麒麟厍人) ( ) 信誉:100 2007-4-16 16:15:15 得分:0
我没猜错的话这些div都有1px的border?
--------------------
如果div里面都有1px的border的话,main的宽度应该是774,而不是775了。三个div并列的。


初步认定,宽度溢出,溢出的div是rightbg.
经过测试在rightbg里面输入4个数字,设置的字体是12px,出现的问题情况和你一样
------解决方案--------------------
<div id= "container "> <!--宽度为800px-->
<div id= "leftbg "> </div> <!--宽度为20px,左边边框-->
<div id= "main "> <!--宽度为760px-->
</div>
<div id= "rightbg "> </div> <!--宽度为20px,右边图片边框-->
</div>
float的设置都为left
-------------------------------------------------------
注意:如果父层设置了float属性的时候,子层会存在一个margin值加倍的问题,另外注意3px问题。