0

私はhtmlで作業しています。HTML div タグで問題が発生しています。

上記のコードを参照してください:-

<html>
<body>

<h3>This is a header</h3>
<p>This is a paragraph.</p>
<style>
div {float:left;width:200px;}
</style>
<div style="color:#00FF00">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>
<div style="color:blue;">
  <h3>This is a header</h3>
  <p>This is a paragraph.</p>
</div>
This is a text
</body>
</html>

ここでは、div が左に浮いています。しかし、「これはテキストです」というテキストも div とともに浮かんでいます。「これはテキストです」というテキストをdivの後に配置したい。彼らのそばではありません。私に何ができる？

4

2 に答える 2

0

"This is a text" の前に div を追加します。

 <div style="clear:both"></div>
于 2013-06-15T03:47:46.983 に答える
0

フロートをクリアする必要があります...

.
.
.
.
.
.
   <div style="color:blue;">
      <h3>This is a header</h3>
      <p>This is a paragraph.</p>
   </div>
   <div style='clear:both'></div>
        This is a text
于 2013-06-15T03:52:20.313 に答える