我想知道是否有人对如何构建网站有任何建议。我在顶部有一个 Logo ，我想要在它下面有一个导航栏，最后在它下面我想要页面的内容。我弄乱了几个小时，但我似乎无法让导航栏位于 Logo 下方和主要内容上方。有人有什么想法吗？这是我的代码:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="main.css" type="text/css" />
<script type="text/javascript" src="slideshow.js"></script>
<style>
#Slideshow1 img { width:1200px; height:500px }
</style>
<title> Law Firm </title> <!-- Seriously, don't forget to change that.-->
<div class="heading">
<div id="head">
<div id="logo">
<img src="logo.png" alt="Logo" width="1700" height="175">
</div>
<div id="navigation">
<a href="#">Home</a>
<a href="#">About us</a>
<a href="#">Areas of Practice</a>
<a href="#">Reviews</a>
<a href="#">I'm running out of ideas</a>
<a href="#">Boring....</a>
</div>
</div>
</div>
<!-- Include content types, links to external resources, keywords for the search engine, epirations and stuff, and whatever else needs to go here like titles and website icons. -->
</head>
<body> <!-- Obviously, the body starts here. -->
<div class="main">
<div id="content"> <!-- Let's kick it off with some stuff, of course. -->
<!-- Now let's get some java up in here!! -->
<script>
var imgArray = new Array();
imgArray[0] = "images/pic1.png";
imgArray[1] = "images/pic2.png";
slideshowFade('Slideshow1','',imgArray,20,5000);
</script>
</div>
</div>
</body>
</html>
最佳答案
如果你对正在发生的事情做了一个 JSFiddle 可能会有帮助，但我想我可以回答这个问题。
1) 你在 head 标签里放东西。我想你误解了它的意思。它不是页面的“标题”，而是不会显示在页面本身上的信息(例如页面名称、页面类型)。一切(意思是每个 div)都在 body 中标签!正文不是指网站的正文，而是指页面上显示的内容!
2) 我只能猜测，因为你没有附上样式表，但我猜你没有 clear: both关于导航、标题和 Logo 样式。
3) 对于我在#2 中提到的相同元素，您可能还想添加 display: block以防万一尚未设置。
4) 如果 2 和 3 不起作用，请尝试为所有元素定义高度(有时这对我有用，具体取决于导致问题的原因)
1 不能解决您的问题，但它是正确的。 2 应该可以解决您的问题，但您确实需要输入 main.css进入你的问题，因为我不能确定。另外，考虑使用 ul菜单的标签。这是值得的。
这是一个 JSFiddle 示例:http://jsfiddle.net/5JqUt/
关于html - 如何构建 HTML 页面的布局？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/14024688/