我最近开始了一些网络编程/设计,我正在面对这个问题.
在 HTML5中,您可以使用部分和页眉和页脚以及所有内容.
在 HTML5中,您可以使用部分和页眉和页脚以及所有内容.
>我的第一个问题在这里提出：他们的行为(在CSS上下文中)完全像div？
转到更具体的问题,我必须创建一个简单标题的网站 – >内容(部分) – >页脚结构(注意：我对IE兼容性不感兴趣).我希望中央部分尽可能地扩展(垂直),直到它满足页脚.
“直到遇到页脚”部分可以通过一些填充底部实现,但是“尽可能多地扩展”部分呢？请注意,在调整页面大小的同时,页脚应该停止.
我的意思是说,我知道一些div的生活会更容易,但是有可能今天的标准我仍然需要将整个页面包含在< div id =“container”>标签？
所以第二个问题出现了
>使用html和body作为div#容器的容器,通过使html成为html主体部分,并且body是div#容器,我无法实现我将实现的目标.
我希望我的问题清楚,我知道我写的时候会倾向于离题.
为了清楚起见,我将在这里添加我的HTML结构和我的CSS的一些亮点,但是我不知道它们是否与该问题相关.
HTML：
<html>
<head...>
<body>
<header id="page_header">
stuff in the header...
</header>
<section id="page_content">
stuff in the main section...
</section>
<footer id="page_footer">
an almost-sticky footer...
</footer>
</body>
</html>
CSS：
* {
margin: 0;
}
html {
background-image: url('../res/img/bg-light.png');
height: 100%;
position: relative;
}
body {
width: 900px;
height: 100%;
margin: 0 auto 20px auto;
padding: 0;
}
section#page_content {
min-height: 400px; // ? does this stop the footer from being dragged over the content when resizing?
width: 80%;
margin: 0 auto;
}
footer#page_footer {
position: absolute;
height: 20px;
width: 100%;
left: 0;
bottom: 0;
}
微笔记为什么地狱我的身体不会从页面的顶部开始,而从顶部开始几个像素？只是问问.
解决方法
是的,大多数标签,例如< section>,< header>和< footer>与< div>的行为非常相似.他们非常依赖于您来确定如何使用它们.但是,您不应忽视使用< div>的重要性,特别是对于样式.我看到了一些CSS框架(twitter Bootstrap和Blueprint),为您提供< div class =“container”>为造型.为了可读性,< section>,< footer>,< header>以及< article>可以非常有益.
一切手段,尽可能使用HTML5和兼容性,但我相信您将永远能够找到一个有用的和有益的方式,在您的网页代码中使用< div>现在几天.
这只是我的意见
当我搜索到时,我发现了this link.这可能会比我更好的解决这个问题.它指出了在新的HTML5标签中使用< div>的几个不同的地方.
您可以使用< html>或< body>标签代替div容器.它肯定没有什么问题,甚至可能使你的代码更清洁.我个人总是使用某种容器.我发现this question我相信答案很清楚.
此外,身体应该填满屏幕.如果不是,请检查您的CSS.
