1

現在、私のページにはほぼ左中央にある 2 つの div があり、どちらも左に浮いています。私の問題は、ページのサイズを変更して小さくすると、右の div が左の div の下に沈み、他の div の隣の位置を維持したいということです。

これを可能にする CSS ソーサリーは何ですか? (もしあれば)

4

3 に答える 3

0

こんにちは次の対応するコードを確認してください、それはあなたを助けます....

<html>
    <head>
        <style type="text/css">
            #left {
                border:1px solid red;
                width:40%;
                height:auto;
                float:left;
            }
            #right {
                border:1px solid blue;
                width:40%;
                height:auto;
                float:left;
            }
        </style>
    </head>
    <body>
        <div id="left">
            <h1>Sample 1</h1>
            <h1>Sample 1</h1>
            <h1>Sample 1</h1>
            <h1>Sample 1</h1>
        </div>
        <div id="right">
            <h1>Sample 2</h1>
            <h1>Sample 2</h1>
            <h1>Sample 2</h1>
            <h1>Sample 2</h1>
        </div>
    </body>
</html>
于 2013-03-01T05:25:33.963 に答える
0

流動的なレイアウトを作成する際によくある間違いは、%単位とpx値を混在させてしまうことです。

のサイズは使用可能なスペースに対応しており、またはまたは%の値がある場合は効率的に機能しません。pxem...

単位を使用してレイアウトのサイズを設定している場合は、%必ず確認する必要があり%ます。borderpaddingmargin

そんなレイアウトに

<div id="left">
    Left
</div>
<div id="center">
    Center
</div>

CSS、

#left, #center { float: left; }
#left { width: 26%; padding: 2%; }
#center { width: 66%; padding: 2%; }
于 2013-03-01T05:22:34.803 に答える
0

% サイズは危険なので使わずに行う方法もあります ;)

<div id="left">Left</div>
<div id="center">Center</div>
<br />

そしてCSS：

#left {
    width: 100px;
    float: left;
}

#center {
    width: 100px;
    margin: 0 auto;
}

br {
    clear: both;
}

すべての最高の願い、

モハマド・アリ・シャーパサンド

于 2013-03-01T07:17:12.593 に答える