3

https://gist.github.com/ページに説明フィールドのようなボックスを作成しようとしています。これが私の最小限の例です。ご覧のとおり（クロムのみ）、ラッピング div 間のテキストエリアの下部にギャップがあります。どうすればそれを取り除くことができますか?

<div style="
    padding: 3px;
    background-color: #eee;
    border-radius: 3px;
    width: 200px;">

      <div style="border: 1px solid #ccc;">
         <textarea style="width: 194px; resize: vertical; border: 0px; height: 124px; margin: 0px;"></textarea>
      </div>
    </div>

ここには似ているが古い質問があり、答えは役に立ちません。

4

2 に答える 2

10

トリックは、テキストエリアのdisplay: block;クレジットをyuxelに与えることでした

注意: css reset (yahoo のもの) はテキストエリアの表示を変更しません。

于 2013-04-19T19:27:43.417 に答える
1 
<div style="
padding: 3px;
background-color: #eee;
border-radius: 3px;
width: 200px;">

  <div style="border: 1px solid #ccc; margin:0; padding:0;">
     <textarea style="width: 194px; resize: vertical; border: 0px; height: 124px; margin: 0px; top:0; right:0; bottom:0; left:0;"></textarea>
  </div>
</div>

あれですか？

于 2013-04-19T13:34:18.343 に答える