0

要素を相対的に配置する場合、その親に関する限り、相対的な宣言がない場合の位置にとどまります。これは、オブジェクトが再配置された場所まで親のブロックが拡張されないことを意味します。

ここに画像の説明を入力

この例では、全体像と「Beach House」テキストの周りの明るい青/緑の背景は、下のバーまで伸びていません (プライバシーや「いいね!」など)。これは、バーが相対を使用して配置されているためです。下のバーを覆うように長方形を拡張する簡単な方法はありますか?

これは jsFiddleの簡略化されたバージョンです

4

2 に答える 2

1

ここで例を表示http://jsfiddle.net/zpV3m/7/float: left; margin: X;
の代わりにの組み合わせを使用しない理由position: relative; top: Xpx; left: Xpx;

于 2012-08-29T13:34:33.240 に答える
1

あなたはhtml5タグに依存しているので、古いIEを無視できると思います。そのため、css box-sizingプロパティを使用してコードを簡素化し、同じ効果を達成しました。

http://jsfiddle.net/zpV3m/4/

IE8 のサポートを得るには、RGB カラーを通常の 16 進数値に戻す必要がありますが、RGB カラーは残しました。

于 2012-08-29T13:24:15.220 に答える