Html Div元素不在css中的新行中_Html_Css_Css Float

Html Div元素不在css中的新行中

html css

Html Div元素不在css中的新行中,html,css,css-float,Html,Css,Css Float,ID=content的Div标记不会转到新行。它像这样进入标题行。有人能解释一下为什么会发生这种情况吗，如何把它放在新的行中 <html> <head> <title> Home Page </title> <style> #wrapper { width:70%; margin: 0 auto; } #header .Nav { width:60%; float:right; } #h

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>


主页
#包装纸
{
宽度：70%；
保证金：0自动；
}
#头部导航
{
宽度：60%；
浮动：对；
}
#标题：导航ul a
{
利润率：0.3%；
浮动：对；
文字装饰：无；
}
#标题。标志
{
宽度=40%；
浮动：左；
}
标题
{
浮动：左；
宽度：30%；
}
.主要内容
{
浮动：对；
宽度：70%；
}


此文本在左侧和侧边以及侧边和侧边上换行

尝试将此代码添加到内联样式标记中，以使内容div显示在自己的行中：

#content {
  clear: both;
}

css中还有一个

width=40%

，因此您也应该解决这个问题。

我已经解决了你的问题，兄弟，我希望你能解决这个问题

宽度：30%至<代码>最小宽度：30%

好吧，你有一些不正确的CSS

width=40%

而不是

width:40%

。这可能是问题所在。我的理解是，唯一可以直接成为

ul

ol

孩子的是

li

。将其改为宽度：40%有效。。那是个打字错误。。非常感谢：）如何获得这些无序列表项目联系我们，产品等。。在同一水平面上？