首页 > 新闻资讯

divcss5 Div Css布局教程？

实习编辑 • 2023-12-05 16:02:51 • 新闻资讯 • 阅读 3

divcss布局教程？

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

<！doctypehtml>

<html>

<head>

divcss5 Div Css布局教程？

<metacharset=“utf-8”>

<title>divcss布局</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>

<divclass=“top”>我是头</div>

<divclass=“nav”>这里已经调整为底部</div>

<divclass=“foot”>我是底部</div>

</body>

</html>

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

divcss5ppt制作教程步骤视频ppt制作入门教程

原文标题：divcss5 Div Css布局教程？，如若转载，请注明出处：https://www.ycyjhw.com/news/33114.html
免责声明：此资讯系转载自合作媒体或互联网其它网站，「永洁号」登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述，文章内容仅供参考。

divcss5 Div Css布局教程？ divcss5 Div Css布局教程？介绍
赞 ( )
打赏 微信扫一扫微信扫一扫
上一篇：pdf转word技巧 想要将Word文档转换成PDF文件，要怎么操作？ 下一篇：世界马术运动员排名,世界马术冠军？

相关推荐