关于为网站编码CSS布局的问题
好的，我对这里的网页设计标准有点陌生P 这是用CSS设计网站的正确方法吗 每个“框”都有自己的DIV标签和设置。我猜背景图是这样的：继承人统治的盒子里的盒子比外面的盒子优先，对吗 具有站点背景图像的“框” 另一个较小的“盒子”，充当站点的内容容器 以及其他较小的“盒子”，充当内容“盒子”内特定事物的容器 这里有一个关于我的意思的小图片：关于为网站编码CSS布局的问题,css,Css,好的，我对这里的网页设计标准有点陌生P 这是用CSS设计网站的正确方法吗 每个“框”都有自己的DIV标签和设置。我猜背景图是这样的：继承人统治的盒子里的盒子比外面的盒子优先，对吗 具有站点背景图像的“框” 另一个较小的“盒子”，充当站点的内容容器 以及其他较小的“盒子”，充当内容“盒子”内特定事物的容器 这里有一个关于我的意思的小图片： 您的方法有一个小缺陷-您不应该在HTML中添加“contentbox”div，除非它有某种意义。已经有了用于此目的的body元素（在好的浏览器中html和bod
您的方法有一个小缺陷-您不应该在HTML中添加“contentbox”div，除非它有某种意义。已经有了用于此目的的
bodyhtmlbody除此之外，您的设计似乎是正确的。好的，有一些简单的要点需要向您澄清 “整个站点框”可能是页面的主体元素。您可以为它添加一个完整的包装器div，但在第一个实例中不会获得太多好处 使用“内容框”是可以的，但我会小心使用它，除非你想明确地将你的站点限制为固定宽度的布局 其他框可以直接添加到body元素，并单独定位/设置样式。你可能会有这样的结局
<html> <*-- include your doctype and stuff, obviously -->
<head>
<title>My site</title>
<link rel="stylesheet" type="text/css" href="sytle.css" />
</head>
<body>
<div id="header">Your site header content here</div>
<div id="mainNav">navigationhere</div>
<div id="content">main content here</div>
<div id="footer">footer stuff here</div>
</body>
</html>
我的网站
你的网站标题内容在这里
导航此处
这里的主要内容
这里是页脚
HTH，但我相信有人掌握了最新的html技能，很快就会出现。我认为“大”（绿色）内容div实际上是一个包装div，可以帮助您设置网站的宽度（现在大多数Wesite不喜欢使用所有可用的屏幕宽度-stackoverflow是一个例外）.我完全同意萨缪尔的观点，即你不应该有功能分区。这就是我们首先陷入混乱的原因（如果你不知道混乱是什么，请搜索一下表格布局） 但是 需要注意的是：如果将外部元素（如body，甚至html，但要小心）设置为relative，则需要显式的高度，否则它可能会缩小或不再包含（视觉上的）子元素。但是，如果将主体设置为100%的高度，则它将是窗口的100%，而不是文档的100%，这意味着当用户向下滚动时，主体不会与他们一起滚动。这很奇怪也很烦人 我真诚地建议不要担心布局。让副本看起来整洁，人们就会到处闲逛（参见：本网站）。显然，网站在某些方面更有用或更具吸引力，但我总是使用经验法则：如果我关闭所有功能，它还会工作吗？它会有意义吗？我宁愿一个页面看起来枯燥但可读，没有CSS，然后开始弄乱布局和颜色，然后有一个网站变成一堆div，而p的it-one浏览器（cough，IE）不起作用