0

divに問題があります。

私は探していましたが、解決策を得ることができませんでした。

ヘッダーに2つのdivがあります。ロゴやその他のものを含むもの。1つ目は210pxの幅で、2つ目は100％の幅です（使用可能なスペースを埋めます）。

2つを同じ行に配置したいと思います。

私はディスプレイで遊んでみました：インライン、インラインブロック、左フロートですが、機能していません。2番目のdivはページの100％を占め、ロゴdivの下に表示されています。

前もって感謝します。

出典： http： //jsfiddle.net/ukDQS/1/

4

3 に答える 3

1

あなたはそのがらくたのほとんどを必要としません。とても簡単です。あなたは問題を考えすぎています。

まず、divはデフォルトで100％であるため、100％にする必要はありません。次に、ロゴを左にフロートさせ、それに幅を割り当てる必要があります。これですべてです。すべてのディスプレイと他のフロートおよび他の種類のポジショニング要素を取り除きます。

http://jsfiddle.net/QYftP/

于 2012-07-12T21:27:11.380 に答える
1 
#logo {
    float: left;
    height: 80px;
    padding: 5px 0 0 5px;
    width: 210px;
}
#header-right-content {
    height: 80px;
    margin-left: 210px;
    position: relative;
}

2番目のdivに幅を100％に設定する必要はありません。これは、スペースが最大限に拡張されるためです。

于 2012-07-12T21:28:02.613 に答える
1

解決策に従ってください：

http://jsfiddle.net/ukDQS/3/

div＃header-right-content {div.logo}

于 2012-07-12T21:24:15.670 に答える