2017-03-29 4 views
1

、私は次のコードを持っている:あなたが見ることができるように親を離れるtextarea要素を停止しますか?

<html> 
    <body style="background-color:#800000;"> 
     <div style="background-color:#000;margin:0 auto;height:800px;width:800px;"> 
      <textarea style="background-color:#666666;"></textarea> 
     </div> 
    </body> 
</html> 

を、それが暗赤色の背景、黒とグレーdivtextarea要素を持っています。 textareaのサイズを変更すると、次のようになります。https://i.imgur.com/sfwTtd5.gifvtextareaが明らかにdiv(親です)の中にあっても、まだそれを残しています。 textareaは親よりも大きな幅や高さを持つことができないようにするにはどうすればよいですか?

答えて

1

max-widthmax-heightを設定します。

<html> 
 
    <body style="background-color:#800000;"> 
 
     <div style="background-color:#000;margin:0 auto;height:300px;width:300px;"> 
 
      <textarea style="background-color:#666666;max-width:100%;max-height:100%;"></textarea> 
 
     </div> 
 
    </body> 
 
</html>

+0

ほとんどがそれを修正すること、ありがとう、[OK]をクリックします。しかし、この現象は、ズームインするとまだ発生します。それを止める方法はありますか? (できるだけ早くそれを受け入れる - 11分で) – carefulnow1

+0

@carefulnowズームすることで何を意味するのか説明できますか? –

+0

私はMacでchromeでその動作を取得しません。 –

関連する問題