html - 他の要素が消えると、Div要素はすべての幅を取ります

Question

2つのDIV要素を作成しました。これらの2つのDIV要素は1ページにのみ存在し、他のすべてのページには1つのDIV要素のみになります。2番目の要素が消えると、最初の要素は自動的にすべての幅になります。申し訳ありませんが、まだ写真を追加できませんが、例を作成してみます。

[div要素"one"]幅：50％[div要素 "two"]幅：50％

*div要素「two」が消える

[div要素"one"]幅100％

どうすればそのようになりますか？単純なCSS/HTMLでは、画像のように結果に到達することはできません。*そしてDIV要素のクラスを変更することはできません

score 2 · Accepted Answer

親コンテナクラスに応じてdivのスタイルを設定できます。

ページ1：

<body class="twocolumn">
  <div id="div1">foo</div>
  <div id="div2">bar</div>
</body>

2ページ：

<body class="singlecolumn">
  <div id="div1">foo</div>
</body>

cssファイル：

.twocolumn #div1 { width: 50%; }
.singlecolumn #div1 { width: 100%; }
#div2 {width: 50%; }

score 1 · Accepted Answer

このように書いてください：

HTML

<div class="two">two</div>
<div class="one">one</div>

CSS

.two{
    background:red;
    float:right;
    width:50%;
}
.one{
    background:green;
    overflow:hidden;
}

これをチェックしてくださいhttp://jsfiddle.net/gJ22P/

また

これにはdisplay：tableプロパティを使用できます。

これをチェックしてくださいhttp://jsfiddle.net/gJ22P/1/

IE8以降までの作業です。

2 に答える 2