1

WebKitにバグがあり、ブラウザ(Safari、Chromeなど)の前にある場合、右側の<OL>または<UL>の最初の<LI>の箇条書きまたは番号が配置されます。フロート要素。問題の簡単な例を次に示します。

<!DOCTYPE html>
<html>
  <head>
  </head>
  <body style="width:250px">
    <div style="width: 100%; float: left;">
    List with bullet at the wrong side:
    </div>
    <div>
      <ul>
        <li>bullet ends up here -></li>
      </ul>
    </div>
  </body>
</html>

報告されているので、ある時点で修正される可能性がわずかにあります。

それまでの間、既存のDIVのスタイルを変更するだけで(つまり、構造を変更せずに)、どうすれば問題を回避できますか?

4

1 に答える 1

0

overflow: hidden;フロートされた要素の後の要素またはリストで使用します。

http://jsfiddle.net/E3FPS/

もちろん、これには、バウンディングボックスを超えて要素を移動できない、または要素が切断されるなど、隠れたオーバーフローに伴う他の副作用があります。

于 2012-08-10T21:34:50.837 に答える