1

これはIE8の問題のようです。片方を左に浮かせているので、2つのdivが並んでいます。ただし、右のdiv内のコンテンツがウィンドウに対して大きくなりすぎると、右のdivが線を引き、左のdivの下に入ります。両方のdivを並べて同じレベルに保つにはどうすればよいですか？

コードは次のとおりです。

css：

    <style type="text/css">
    #left_div
    {
        float: left;
        width: 250px;
        height: 400px;
        border: solid 1px red;
    }
    #right_div
    {
        width: 3000px;
        border: solid 1px blue;
    }
</style>

html：

    <div id="left_div">
        text in left_div
    </div>
    <div id="right_div">
        text in right_div
    </div>
4

3 に答える 3

4

float：leftをright_divにも追加します。

マシュー・ジェームス・テイラーと彼のパーフェクト2列左メニューが示した例に似ている場合は、彼がどのようにそれを行っているかを見て、おそらくそれをコピーしてください！

IEには、過去に、高さと幅が高さ-最小と幅-最小を意味するのにかかるという問題もありました。したがって、特定の制限が設定されていても、ボックスのサイズを変更できます。Webcredibleの記事、特にリストの2番目を参照してください。

于 2009-05-06T18:40:24.293 に答える
0

right_divに少なくとも250px（left_divの幅）の左マージンを追加することもできます。そうすれば、right_divの隣にleft_div用のスペースが常にあります。

于 2009-05-06T21:20:41.223 に答える
0

Doctypeを変更します:(IE8はWebページを正しくレンダリングするためにそれを必要とします）

<！DOCTYPE html PUBLIC "-// W3C // DTD XHTML 1.0 Strict // EN" " http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd ">
<html xmlns = "http ：// ww w.w3.org/1999/xhtml "xml：lang =" en-GB">

（私は空白でURLを編集したので、それらを削除することを忘れないでください:)）

于 2009-11-27T17:45:30.580 に答える