1

次のレイアウトがあります（親div、2つの子div）

このレイアウトをブラウザの幅に反応させたいので、ユーザーがブラウザの幅を変更するたびに、このレイアウトは画面の同じ領域を占める必要があります

また、コンテンツをミドルテキストにしたかったので、試してみましたvertical-align: middle;。display: table-cell;

助言がありますか？

ここにマークアップ

ここに画像の説明を入力

4

3 に答える 3

0

これはcssを使用したソリューションhtmlです 

<html>
    <head>
        <title>test</title>
        <style>
    .main{
        width:97%;
        border:1px solid #000;
        height:100px;
        padding:1%;
    }
    .subone{
        width:30%;
        border:1px solid #000;
        float:left;
        height:100px;
        margin-right:2%;
    }
    .subtwo{
        width:67%;
        border:1px solid #000;
        float:left;
        height:100px;
    }
        </style>
    </head>
    <body>
       <div class="main">
       <div class="subone">
       </div>
       <div class="subtwo">
       </div>
       </div>
    </body>
    </html>
于 2013-08-24T09:43:00.680 に答える