divcss5 Div Css布局教程？
浏览量：1423
时间：2021-04-15 01:54:52
作者：admin
Div Css布局教程？
我之前刚刚写了最短的代码，效果已经自己测试过了。它与IE7/8、chrome和其他现代浏览器兼容。代码如下：
<！DOCTYPE HTML>
<html>
<head>
<meta charset=“UTF-8”>
<title>div CSS布局</Title>
<style>
HTML，正文{高度：100%* 溢出：隐藏/*消除IE7中的水平滚动条*/}
body{边距：0填充：0字体-大小：30px文本对齐：中心颜色：#fff}
.top，.nav，.foot{宽度：100%高度：100px位置：绝对值}
.top{b背景：红色上衣：0}
.nav{b背景：蓝色上衣：100像素底部：100px高：auto}
英尺{b背景：灰色底部：0}
</style>
</head>
<body>
<div Class=“top”>我是头</div>
<div Class=“NAV”>这里已经调整为底部</div>
<div Class=“foot”>我是底部</div>
</body>
</HTML>
注意：IE6不支持。如果您想完美地解决这个问题，请使用js动态获取页面高度并将其分配给NAV层。
版权声明：本文内容由互联网用户自发贡献，本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。
