3

私は別のwithの子としてdivwithを持っています。Chrome、IE、および Firefox では、 の子 divによって親が に展開されますが、Safari (6.0.4、OS X 10.8.3) ではこれは起こりません。ここに写真がありますdisplay: table; table-layout: fixed; width: 100%divposition: absolutetable-layout: fixeddiv100%

Safari のレンダリングの問題

および jsbin http://jsbin.com/oqupah/6/edit (必ず出力を新しいウィンドウで開いてください)。マークアップは次のようなものです。

<div style="position:absolute;border: 1px solid black">
  <div style="display:table;table-layout:fixed;width:100%;border:1px solid red;">
    <div style="display:table-cell;border:1px solid green">a</div>
  </div>
</div>

これは、HTML 5 および XHTML 1.0 doctypes にあります。Safari で Doctype を削除すると、他のブラウザと同じように動作することに気付きましたが、Doctype を削除することはできません。

div実際には、ポップアップのコンテンツがwithである絶対配置ポップアップを実装していたときに、このコードがありましたdisplay: table; table-layout: fixed; width: 100%max-widthポップアップを 100% 拡大して、ウィンドウのサイズが変更された場合にポップアップが縮小されるように簡単に指定できるようにします。

これはSafariのバグだと思いますか?モバイル サファリでの動作は同じです。他のブラウザと同じように動作させるために追加できるものはありますか?

4

2 に答える 2

1

修正はright: 0、絶対配置に追加することですdiv

...これに多くの時間を無駄にしました。

于 2013-05-15T06:04:57.517 に答える
0

要素でこれを使用して修正しましたdisplay:table

table-layout: fixed;
max-width: none;
width: auto;
min-width: 100%;
于 2015-09-24T23:04:44.870 に答える