邊界原因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溢出

回答

相關問題