wha*_*ide 11 html css html5 css3
我最近开始了一些网络编程/设计,我正面临着这个问题.在HTML5中,你有这些酷炫的标签,如section和header,footer以及一切.
div？转到更具体的问题,我必须创建一个header -> content (section) -> footer结构简单的网站(注意:我对IE兼容性不感兴趣).我希望中心部分尽可能多地扩展(垂直),直到它与页脚相遇."直到遇到页脚"部分可以通过一些实现,padding-bottom但"尽可能扩展"部分呢？请注意,在调整页面大小时,页脚应该停止,它符合该部分.
我的意思是,我知道有些人div的生活会更容易,但是有可能在今天的标准中我仍然需要将整个页面包裹在<div id="container">标签中吗？所以第二个问题出现了......
html和body作为的容器div#container通过将html成为html + body部分和body是div#container？我希望我的问题很明确,我知道我写作时往往会离题.
请注意,为了清楚起见,我将在这里添加我的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;
}
微注意为什么我的地狱body不是从页面的正确顶部开始,而是从顶部开始几个像素？只是问问而已.
是的,大多数的标签,例如<section>,<header>和<footer>行为非常相似<div>的.他们非常感谢你决定如何使用它们.但是,您不应忽视使用<div>s 的重要性,尤其是样式.我见过有提供你几个CSS框架(Twitter的引导和蓝图浮现在脑海中)<div class="container"> 的造型.对于可读性虽然<section>,<footer>,<header>,也<article>可以是非常有益的.
无论如何,尽可能使用HTML5和兼容,但我相信你现在总能找到一种<div>在你的网络代码中使用s 的有用和有益的方法.
这只是我的意见.
我搜索时发现了这个链接.它可能会比我更好地阐明这个问题.它指出了几个不同的地方使用<div>s而不是更新的HTML5标签.
您可以使用<html>或<body>标记代替div容器.它肯定没什么问题,它甚至可以使你的代码更清晰.我个人总是使用某种容器.我发现这个问题我相信答案非常清楚.
此外,身体应该填满屏幕.如果不是,请检查您的CSS.