web-dev-qa-db-ja.com

<div style = "clear：both">で「両方」とはどういう意味ですか

<div style="float:left">Hello</div>
<div style="float:right">Howdy dere pardner</div>
<div style="clear:both"></div>

私はそれが何をするのかわかりますが、なぜ名前both？ bothmeanとは何ですか？

htmlcssclear
24
Tom Gullen

両方とも「2つのセットのすべてのアイテム」を意味します。 「左」と「右」の2つのこと

40
Quentin

可能な値の説明：

  • left：左側に浮動要素は許可されません
  • right：右側に浮動要素は許可されません
  • both：左側または右側に浮動要素は許可されません
  • none：デフォルト。両側のフローティング要素を許可します
  • inherit：clearプロパティの値が親要素から継承されることを指定します

ソース： w3schools.com

15
Sagar Pise

Clear：bothは、それらの間にそのスペースを与えます。

たとえば、あなたのコード：

  <div style="float:left">Hello</div>
  <div style="float:right">Howdy dere pardner</div>

現在、次のように表示されます。

Hello  ...................   Howdy dere pardner

上記のスニペットに次を追加すると、

  <div style="clear:both"></div>

それらの間では、次のように表示されます。

Hello ................ 
                       Howdy dere pardner

こんにちはとHowdy dere pardnerの間のスペースを提供します。

Jsフィドル http://jsfiddle.net/Qk5vR/1/

6
al123