div 标签不正确答案

【问题标题】：div tag not acting rightdiv 标签不正确
【发布时间】：2014-08-16 11:10:05
【问题描述】：

我正在尝试制作一个类似于“使用标签元素”的示例的网站http://www.w3schools.com/html/html_layout.asp，但我的<div> 没有显示在菜单栏旁边，我不明白为什么。我的代码在这里：

< head>  
  < style>  
div, p {  
    margin: 0px;  
    padding: 0px;  
}  
< /style>  
< /head>  
< body>  
< a href="#" onclick="window.print();return false;">Udskriv< /a>  
< div id="container" style="width:500px">  
< div id="menu" style="background-color:red;height:100px;width:10%;float;left;">
< a href="forside.html">Forside</a><br>
< a href="kalender.html">Kalender</a><br>
< a href="hvem_er_vi.html">Hvem er vi</a><br>
< a href="nyheder.html">Nyheder</a><br>
< a href="meetings.html">Møder</a><br>
< a href="aktiviteter.html">Aktiviteter</a><br>
< a href="presse.html">Presse</a><br>
< a href="kontakt.html">Kontakt</a><br>
< a href="links.html">Links</a>
< /div>
< div id="content" style="height:200px;width:200px;float;left;">text1< /div>  
< p>text2< /p>  
< /div>  
< /body>

我不明白为什么我的带有 text1 的 div-tag 出现在菜单栏下方而不是右侧，它具有所需的空间（以及更多），包括它没有边距或填充

【问题讨论】：

提示：w3fools.com
因为你的菜单没有像你想象的那样浮动，因为你的内联 CSS 中的语法错误 – float;left; – 这里需要 : 而不是 ;。
提示 #2：在键入标签时删除无用的空格。

标签： html stylesheet

【解决方案1】：

删除菜单栏的高度定义以设置相对于内容的动态高度等

<div id="menu" style="background-color:red;float:left;width:10%">

你错过了关闭<a tags

我已经编辑了你的代码：

<a href="#" onclick="window.print();return false;">Udskriv</a>

<div id="container" style="width:100%">
    <div id="menu" style="background-color:red;float:left;width:10%"> 
        <a href="forside.html">Forside</a>
        <a href="kalender.html">Kalender</a>
        <a href="hvem_er_vi.html">Hvem er vi</a>
        <a href="nyheder.html">Nyheder</a>
        <a href="meetings.html">Møder</a>
        <a href="aktiviteter.html">Aktiviteter</a>
        <a href="presse.html">Presse</a>
        <a href="kontakt.html">Kontakt</a>
        <a href="links.html">Links </a>
    </div> 
    <div id="content" style="height:200px;width:200px;float:left;">text1</div>
    <p>text2</p>
</div>

注意float;right 不正确 float 的正确语法是：float:right

【讨论】：