2

ID=content の Div タグが改行されません。このようにヘッダー行に入ります。 ここに画像の説明を入力

なぜこれが起こっているのか誰か説明してもらえますか?? 、そしてそれを新しい行に入れる方法は？

<html>

<head>
<title> Home Page </title>

<style>

#wrapper
{
    width:70%;
    margin: 0 auto;
}

#header .Nav  
{
    width:60%;
    float:right;
}

#header .Nav ul a
{
    margin: 0 3%;
    float:right;
    text-decoration:none;
}

#header .logo
{
    width=40%;
    float:left;
}

.title
{
    float:left;
    width:30%;
}

.main_content
{
    float:right;
    width:70%;
}


</style>


</head>

<body>

<div id="wrapper" >

    <div id="header">

        <a href="/" class="logo"><img src="./logo.gif" alt="Zach Woomer" /></a>

        <div class="Nav">


        <ul>

            <a href="./contact.htm">Home</a> 
            <a href="./contact.htm">About US</a> 
            <a href="./contact.htm">Products</a>
            <a href="./contact.htm">Contact US</a> 
        </ul>

        </div>

    </div>

    <div id="content">

        <div class="title" >
            <h1>This text wraps on the left side and side and side and side </h1>
        </div>

        <div class="main_content">

        </div>

    </div>


</div>

</body>

</html>
4

2 に答える 2

6

次のコードをインライン スタイル タグに追加して、コンテンツ div が独自の行に表示されるようにしてください。

#content {
  clear: both;
}

css にも があるwidth=40%ので、それも修正する必要があります。

于 2013-10-27T18:45:47.377 に答える
1

フィドル

私はあなたの問題を解決しました。あなたがそれで何かに到達できることを願っています。

width: 30%;へmin-width: 30%;。_

于 2013-10-27T21:19:10.977 に答える