私は別のwithの子としてdiv
withを持っています。Chrome、IE、および Firefox では、 の子 divによって親が に展開されますが、Safari (6.0.4、OS X 10.8.3) ではこれは起こりません。ここに写真がありますdisplay: table; table-layout: fixed; width: 100%
div
position: absolute
table-layout: fixed
div
100%
および 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のバグだと思いますか?モバイル サファリでの動作は同じです。他のブラウザと同じように動作させるために追加できるものはありますか?