1

with:100%;とdivであるメニューを作っていますheight:45px;

メニュー内の各要素はdivです。私の目標はそれを任意の画面解像度に適応させることなので、最初のdivをで配置することから始めますmargin-left:2%;が、次のdivでは何を使用する必要があるのか​​わかりません。

最初の要素を作成して、のfloat:left;ようにマージンを使用することはできmargin-left:10%;ますが、画面の解像度を変更すると、それはもう良くありません。何も入れないと、最初のボタンの下に表示されます。in pxを使用するmargin-leftと、最初の理由でうまくいきませんmargin-left:2%;。どうすればこれを達成できますか?

これは私が現在持っているものです(ボタンが最初のボタンの下にあることがわかります): ここに画像の説明を入力してください

4

1 に答える 1

1

display:inline-block;を使用してみませんか。そして、あなたにとって素晴らしいマージンは何ですか?つまり、最初の要素は2%で、2番目の要素も2%になる可能性があります。

<div id="menu">
<div class="element">1</div>
<div class="element">2</div>
</div>

</ p>

#menu{
    width:100%;
    height:45px;    
    background:#f00;
}
.element{
    background:#0f0;
    display:inline-block;
    margin-left:2%;
}

</ p>

これらのタイプの質問をするときは、jsfiddleソースのようなものを提供する必要があると思います:)

于 2012-11-30T14:00:22.163 に答える