时间戳

首页 > 解决方案 > 你能解决它或告诉我这有什么问题吗？我想让 Navigacio 上位

html - 你能解决它或告诉我这有什么问题吗？我想让 Navigacio 上位

问题描述

我的代码有问题：所以我写了一个简单的 html 和 css 代码，就像一个简单的网页。然后“Navivacio”正在窃听，或者我不知道它在底部更多，但我希望它在“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 文件中犯了一个错误。

标签： htmlcss

解决方案

将#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">

推荐阅读