边界原因DIV溢出

我有一个宽度为80％的根分区和一个宽度为100％的子分区，当我向子项添加一个滚动条出现的边框时。我想这是因为100％宽度+ 1px边框溢出。我可以避免这样的问题吗？如何定义一个与包含边框一样宽的子div？边界原因DIV溢出

我需要这对IE8

<div style="width:80%;overflow:auto;"> 
    <div style="float:left;width:100%;border-left:1px solid;"> 
     <div class="title">Title1</div> 
     <div style="width:100%;"> 
      <div class="title">Title2</div> 
      <div class="title">Title3</div> 
     </div> 
     <div style="clear:both;"></div> 
    </div> 
    <div>text</div> 
    <div>text</div> 
</div>

CSS运行

div.title { 
    float: left; 
    width:33%; 
}

例子：http://jsfiddle.net/FN3mv/

来源

2014-03-04 user3369398

添加box-sizing: border-box您100%宽度的元素。您也需要-moz-box-sizing: border-box。

来源

2014-03-04 01:06:20

已经指定宽度为100％，并添加1px的国界将增加2像素+ 100％，如果你需要的边界，你需要另一位家长的div

<div style="width:50%;overflow:auto;"> 
    <div style="border:1px solid;"> 
    <div style="width:100%;"> 
     <div style="float: left;width:50%;">AAA</div> 
     <div style="float: left;width:50%;">BBB</div> 
     <div style="clear:both;"></div> 
     </div></div> 
    <div>A1</div> 
    <div>A2</div> 
</div>

来源

2014-03-04 01:08:01 Genus

边界原因DIV溢出

回答

相关问题