1

私はこのようにsmthを行う必要があります: ここに画像の説明を入力

左のボックスは静的な幅にし、右のボックスはブラウザーの幅全体にサイズ変更します。ボックスの高さもサイズ変更可能にする必要があります。

PS申し訳ありませんが、フィドルが機能するまでに時間がかかりました。

だからここにある

<div class="page-wrapper">
    <div class="search-wrapper">
    </div>
    <div class="content-wrapper">
        <div class="leftPage">
        </div>
        <div class="rightPage">
        </div>
    </div>
</div>

問題は：

シルバーの左ページがあります。静的な幅にしたい。454pxとしましょう。そして、右のページ (黒いページ) を画面に合わせて動的にサイズ変更したいと考えています。

幅が 20%/80% のバリアントは私には適していません。CSSのみで可能ですか？jquery/js で良い答えが得られましたが、CSS のみで実行できる場合はまだ興味深いです)

お手数おかけします）

4

4 に答える 4

1

テーブルの使用ははるかに簡単です。

HTML

<div class="page-wrapper">
    <div class="search-wrapper">
    </div>
    <table class="content-wrapper">
      <tr>
        <td class="leftPage">LEFT</td>
        <td class="rightPage">RIGHT</td>
       </tr>
    </table>
</div>

CSS

table
{
  width:100%;
}
.leftPage
{
width: 454px;
}

本当にDIVに固執したくないのなら？

于 2013-02-14T10:02:01.977 に答える