html5容器,讨厌容器div并试图使用HTML5的方式

"作者探讨了如何在HTML5中实现标题、主要内容和固定页脚的布局,询问了如何使主要内容区域垂直扩展至页脚,同时保持在不同分辨率下IE兼容性。他们寻求CSS策略,尤其是关于是否需要使用`
`包裹整个页面,以及如何处理body和html的关系。"
摘要由CSDN通过智能技术生成

我最近开始了一些网络编程/设计,我正在面对这个问题.

HTML5中,您可以使用部分和页眉和页脚以及所有内容.

>我的第一个问题在这里提出:他们的行为(在CSS上下文中)完全像div?

转到更具体的问题,我必须创建一个简单标题的网站 – >内容(部分) – >页脚结构(注意:我对IE兼容性不感兴趣).我希望中央部分尽可能地扩展(垂直),直到它满足页脚.

“直到遇到页脚”部分可以通过一些填充底部实现,但是“尽可能多地扩展”部分呢?请注意,在调整页面大小的同时,页脚应该停止.

我的意思是说,我知道一些div的生活会更容易,但是有可能今天的标准我仍然需要将整个页面包含在< div id =“container”>标签?

所以第二个问题出现了

>使用html和body作为div#容器的容​​器,通过使html成为html主体部分,并且body是div#容器,我无法实现我将实现的目标.

我希望我的问题清楚,我知道我写的时候会倾向于离题.

为了清楚起见,我将在这里添加我的HTML结构和我的CSS的一些亮点,但是我不知道它们是否与该问题相关.

HTML:

stuff in the header...

stuff in the main section...

an almost-sticky footer...

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;

}

微笔记为什么地狱我的身体不会从页面的顶部开始,而从顶部开始几个像素?只是问问.

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值