如何在100％寬度的文本區域保留邊距？

Question

考慮下面的CSS

.comment { 
    margin: 10px; 
    display: block; 
    overflow: auto; 
    border-top-left-radius: 5px 5px; 
    border-top-right-radius: 5px 5px; 
    border-bottom-right-radius: 5px 5px; 
    border-bottom-left-radius: 5px 5px; 
    -webkit-box-shadow: rgba(0, 0, 0, .2) 1px 1px 3px; 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    min-height: 200px; 
    width: 100% 
} 

這適用於textarea，但右頁邊距被忽略，textarea熄滅屏幕。

這是爲什麼？

Answer 1

通過設置寬度爲100％和10px的保證金textarea的將是一個100％的寬度，它的容器向下移動到左邊10px的

爲了得到你可能需要使用你想要的結果textarea周圍的一個容器，帶有10px的填充。

參見example。

• commentA使用容器填充
• commentB是你原來的CSS

所以像：

<div class="comment-container"> 
    <textarea class="commentA"></textarea> 
</div> 

和

.comment-container { 
    padding:10px; 
} 
.commentA { 
    width:100%; 
    min-height: 200px; 
} 

上手。