滾動條添加到時寬度爲100％

元素我很好奇，爲什麼overflow: auto;規則在這種情況下，增加了滾動條滾動條添加到時寬度爲100％

CSS：

textarea { 
    width: 100%; 
    margin:0; 
    padding:0; 

} 

.span4 { 
    width: 300px; 

} 

aside { 
    overflow: auto; 
}

HTML：

<aside class="span4">  
    <textarea cols="40" rows="20"></textarea>  
</aside>

http://jsfiddle.net/ZnsW9/ 如果這個textarea有100％的寬度，沒有邊距和襯墊，那容器盒子是如何溢出的？

來源

2013-07-10 Zed

可能是這樣http://stackoverflow.com/questions/4471850 /是什麼 - 是最意義的的，自動的價值在-A- CSS的財產將得到方便... –

嘗試從** textarea **刪除'cols'。 – bodrovis

用於box-sizing

textarea { 
      width: 100%; 
      margin:0; 
      padding:0; 
    -webkit-box-sizing:border-box; 
    -moz-box-sizing:border-box; 
    box-sizing:border-box; 

     }

Demo

來源

2013-07-10 10:54:52

謝謝，這個盒子大小看起來像一個奇妙的事情，我只是不能相信，它仍然不能用於Firefox沒有-moz-前綴 – Zed

是的，這是css3的一部分，你可以使用它... –

滾動條因邊框而添加。 border: none;規則添加到textarea的：

textarea { 
    width: 100%; 
    margin:0; 
    padding:0; 
    border: none; 
}

Demo

來源

2013-07-10 10:52:38 mishik

哦，我完全忘了邊界，謝謝！ – Zed

滾動條添加到時寬度爲100％

回答

相關問題