2

このレイアウトを考えると：http： //jsfiddle.net/7xVAu/

2番目の（黄色の）例は、灰色の要素がコンテナを完全にオーバーフローすることに満足しているため、目的のレイアウトですが、設定width:99999px;は「ハッキー」なアプローチです。

灰色のボックスに設定position:absoluteすると、目的の効果が得られますが、次の要素の間隔が削除され、heightこの要素のプロパティを設定できません。

きちんとした解決策はありますか？

編集：明確にするために：width:99999pxバージョンとまったく同じように動作させたいのですが、設定せずにwidth:99999px、ハッキーなアプローチだと感じています。

4

2 に答える 2

0

あなたの質問を正確に理解したかどうかわかりません。しかし、同じことを別の方法で行う方法を探している場合は、http: //jsfiddle.net/7xVAu/15/を確認してください。

jsfiddleのように %を使用し、を使用しますposition:relative;。ご覧のとおり、同じ効果が得られますが、% はコンテナーのサイズに依存するため、より大きなメリットがあります。黄色のコンテナの幅を調整すると、灰色のコンテナも調整されますが、黄色のボックスからはみ出します:) また、まったく問題なく高さを調整できます!

これが役に立ったことを願っています。

于 2012-09-20T14:36:20.873 に答える
0

たぶん、テキストが浮かんでいるこのようなものでしょうか？

style="background:#777; margin:0 9px 9px 9px; float:left; white-space:nowrap; height:40px;"

しかし、私が質問を理解したかどうかはわかりません。

于 2012-09-20T14:43:12.923 に答える