1

FF 19（いつこんなに高くなったのですか？）、IE、Operaで期待どおりに機能しているウェブサイトがありますが、ChromeやSafariでは機能していません。Chrome / Safariで適切にレイアウトされることもありますが、F5を十分に押すと、最終的にレンダリングの1つが予期せずレイアウトされます。

ここにリンクがありますhttp://www.spokanewastewater.org/Businesses.aspx

左側のサイドバーはfloat:left、コンテンツはすべてdivにdisplay:inline-blockあり、3つのリンクリストはすべてfloat:left、「TheRoleofIndustry」の<br style="clear:both" />前にあります。それでも時々、chrome/safariは「重要なリンク」セクションの上に段落を置くのが好きですか?? これはWebkitレンダリングと関係がありますか？それがたまにしか壊れず、f5を十分に押すと壊れてしまうのは奇妙なことです。

4

2 に答える 2

2

brを制御するためにa を使用しないでくださいclear。brあなたをより適切なものに変更してください（div現実的に）：

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

サイトで Chrome の開発ツールを使用してその変更を行うと、問題が修正されます。

于 2013-03-12T16:01:09.303 に答える
0

この時代にフロートをクリアするために追加のマークアップを使用することは、かなり古風です。追加のマークアップを必要としない、フロートをクリアするための広く受け入れられている手法が 2 つあります。

http://codepen.io/cimmanon/pen/qDjdr

オーバーフロー：

.parent {
    overflow: hidden;
}

マイクロクリアフィックス:

http://nicolasgallagher.com/micro-clearfix-hack/

.parent:before,
.parent:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.parent:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.parent {
    *zoom: 1;
}
于 2013-03-12T16:20:37.937 に答える