css入门教程 Div Css布局教程？

浏览量：1463 时间：2021-03-14 21:34:58 作者：admin

Div Css布局教程？

我之前刚刚写了最短的代码，效果已经自己测试过了。它与IE7/8、chrome和其他现代浏览器兼容。代码如下：

<！DOCTYPE HTML>

<html>

<head>

<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=“NAV”>这里已经调整为底部</div>

</body>

</HTML>

注意：IE6不支持。如果您想完美地解决这个问题，请使用js动态获取页面高度并将其分配给NAV层。

上一篇广锁原理钥匙开锁原理

下一篇网络爬虫入门网络爬虫有什么用