ホームページ >ウェブフロントエンド >htmlチュートリアル >なぜ追加した行が top_html/css_WEB-ITnose に移動したのか
なぜ追加した行が top_html/css_WEB-ITnose に移動したのか
- WBOYオリジナル
- 2016-06-21 09:45:541103ブラウズ
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><style type="text/css">img[title~="Figure"]{ float: left; border: 1px solid gray;}img.i1{ float: left; clear: both;}img.i2{ float: left; clear: both;}</style></head><body> <h1>可以应用样式</h1> <img title="Figure 1" src="http://www.w3school.com.cn/i/figure-1.gif" /> <img title="Figure 2" src="http://www.w3school.com.cn/i/figure-2.gif" /> <hr /> <img class="i1" src="http://www.w3school.com.cn/i/figure-1.gif" /> <img class="i2" src="http://www.w3school.com.cn/i/figure-2.gif" /></body></html> ディスカッションへの返信 (解決策)
hr はフローティングについて明確にする必要がありますか? 一緒にフロートします
& & & lt; hr style = "clear: Both"/& gt; imgでフローティングを設定するだけですか？なぜ 231a563c997aa9e3e0ae614bd16728b0 に影響するのでしょうか?
hr は明確に浮いている必要があります。そうしないと一緒に浮いてしまいます
私が望むのはこの効果です
れーれー
5f5deb558881994705e78f1bd36dc1ae
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。