Question

我的代码有问题：所以我写了一个简单的HTML和CSS代码，就像一个简单的网页一样。然后，“ Navigacio”正在出错，或者我不知道它是否位于底部，但我希望其将其置于“ En egy 13 eves srac vagyok ...”旁边。那你能帮我吗？这是一张图片（该错误在我的辅助显示器中）： https://i.stack.imgur.com/ejlp5.png

代码：

body {
  background-color: green;
  font-family: Helvetica, Arial, san-serif;
}

a {
  text-decoration: none;
  color: red;
}

h1,
h2,
h3 {
  margin: 0;
}

#container {
  background-color: white;
  width: 800px;
  margin-left: auto;
  margin-right: auto;
}

#header {
  background-color: #FF0000;
  color: white;
  text-align: center;
  padding: 10px;
}

#content {
  padding: 10px;
}

#nav {
  width: 180px;
  float: left;
  margin-left: 10px;
  margin-bottom: 500px;
}

#nav ul {
  list-style-type: none;
  padding: 0
}

#main {
  width: 600;
  float: right;
  color: black;
}

#footer {
  clear: both;
  background-color: #999999;
  color: white;
  text-align: right
}

#nav .kivalasztott {
  font-weight: bold;
}

<html>

<head>
  <link rel="stylesheet" type="text/css" href="stilusv2.css" />
</head>


<body>
  <div id="container">
    <div id="header">
      <h1>Rolam</h1>

    </div>
    <div id="content">
      <div id="main">
        <p> En egy 13 eves srac vagyok, most tanulok programozni HTML-t es CSS-t.
          <p>
            <p>Jelenleg csak nokedli szaggato szintu vagyok az egeszben, van alapveto batch programozasi tudasom, de nem eleg mindenhez, ismereteimet folyamatosan bovitem...</p>
            <p> Az egyik celom egy sajat jatekot, vagy programot fejleszteni gepre/telefonra.</p>
      </div>
      <div id="nav">
        <h3>Navigacio</h3>
        <ul>
          <li><a class="Kezdolap" href="file:///D:/Don%C3%A1t/Programoz%C3%A1s/html/Css.html">Kezdolap</li>
    		<li><a class="kivalasztott" href="file:///D:/Don%C3%A1t/Programoz%C3%A1s/html/rolam.html">Rolam</li>
    		<li>Elerhetoseg</li>
    		</ul>
    		</div>
    		<div id="footer">
    		Copyright &copy; 2019 Szigeti Donat 
    		
    		</div>
    		
    	</div>
    </div>
    	</body>

    </html>

我认为我在CSS文件中犯了一个错误。

Answer 1

将#nav div放在#main div之前，就像这样：

    <div id="content">
    <div id="nav">
    <h3>Navigacio</h3>
    <ul>
    <li><a class="Kezdolap" href="file:///D:/Don%C3%A1t/Programoz%C3%A1s/html/Css.html">Kezdolap</li>
    <li><a class="kivalasztott" href="file:///D:/Don%C3%A1t/Programoz%C3%A1s/html/rolam.html">Rolam</li>
    <li>Elerhetoseg</li>
    </ul>
    </div>
    <div id="main">
    <p> En egy 13 eves srac vagyok, most tanulok programozni HTML-t es CSS-t.<p>
    <p>Jelenleg csak nokedli szaggato szintu vagyok az egeszben, van alapveto batch programozasi tudasom, de nem eleg mindenhez, ismereteimet folyamatosan bovitem...</p>
    <p> Az egyik celom egy sajat jatekot, vagy programot fejleszteni gepre/telefonra.</p>
    </div>
    <div id="footer">

您能解决它还是告诉我这是怎么回事？我想拿Navigacio上层

1 个答案: