3

ここに私のコードがあります

<div class='content'>
  <div class='div1'>content</div>
  <div class='div2'>content</div>
</div>

.content { width:300px;}
.div1 { float:left;width:200px;}
.div2 { float:left;width:100px;}

場合によっては、に設定する必要がありdisplay:noneますdiv2。.div1幅をフルサイズ.content（300px）に設定することは可能ですか？

4

3 に答える 3

2

div を並べ替えて、次を使用しますoverflow: hidden。

<div class='content'>
  <div class='div2'>content 2</div>
  <div class='div1'>content 1</div>
</div>

.content { width:300px; overflow: hidden;}
.div1 { overflow: hidden;}
.div2 { float:left; width:100px;}
于 2012-06-10T15:43:32.533 に答える
1

2 番目の div のみを追加または削除する必要がある限り、最も簡単な解決策は、その 2 番目の div のみをフロートにし、最初の非フロート div 内に次のように配置することです: http://jsfiddle.net/ Tb89A/ .

display:none のコメントを削除するだけで、動作を確認できます。

于 2012-06-10T16:37:23.080 に答える
0

を設定するときにclass (たとえばhidden)を追加してから、 do ( を定義する) を設定するようにしてください。最後に、jQuery と条件を使用できます。div2display: nonefullwidthdiv1width: 300px

if($('.hidden').length()) {
   $('.div1').addClass('fullwidth');
}

もちろん、これらのクラス名をより具体的なものに変更することもできます。

CSS では条件文が許可されていないため、別の解決策は考えられません。

于 2012-06-10T14:29:08.690 に答える