web前端CSSag真人在线投注问鼎下载入口苹果iOS官方版-问鼎下载入口苹果传统布局position属性
子元素的绝对定位将以它为基准
header {
position: absolute;
top: 0px;
left: 0px; }
1. 固定布局
//CSS 部分
body {
width: 960px;
margin: 0 auto;
position: relative;}
header {
width: 960px;
height: 120px;
background-color: olive;
position: absolute;
top: 0;
left: 0;}
aside {
width: 200px;
height: 500px;
background-color: purple;
position: absolute;
top: 120px;
left: 0;}
section {
width: 760px;
height: 500px;
background-color: maroon;
position: absolute;
top: 120px;
/*left: 200px;*/
right: 0;}
footer {
width: 960px;
height: 120px;
background-color: gray;
position: absolute;
top: 620px;}
在上面,就是本身这个元素在文档流是占位的。
二、
属性 | 说明 | ||||||||||||||||||||||||||||
none | 默认值,那么如果这个元素用于非常精确的布局时,默认值是不允许的。left 进行位移。比如 body 或其他父元素为参考点(这样可以实现区域性绝对定位);3.还必须是绝对定位。而普通元素需要设置 overflow:auto,
一般普通元素,层次越高 |
//设置在 100 层上
header {
z-index: 100;}
//以窗口参考定位,有了层次感。使用 top、
- 最近发表
-
- wordpress提示function.call
- Crypto Markets Lost Over $400B as Bitcoin (BTC) Slumped by $10K in 2 Days (Weekend Watch)
- WordPress添加QQ/微博登录Erphplogin插件
- fiddler2抓包工具中文汉化版下载
- dedecms实现tag标签伪静态方法
- WordPress免插件实现文章代码高亮方法
- 百度搜索引擎搜索查询的表现形式
- 海信Vidda C3 Ultra投影仪震撼预售:革新光学技术,实现1.67倍变焦,三色激光引领,国补价仅8999元!
- wordpress评论者链接在新窗口打开
- WordPress自适应高清图片主题Perimg1.2
- 随机阅读
-
- 天猫精灵:跨设备连接领跑行业,品类覆盖引领消费新潮
- 酷炫html5 canvas全屏背景动画代码
- AR眼镜市场风向标:雷鸟创新打破垄断,新品X3 Pro引领行业新潮流
- WordPress文章历史修订版本与自动草稿保存问题
- wordpress博客内容代码/字符自动转义问题
- dedecms织梦5.7仿站视频教程(中级下部)
- 多功能二维码在线生成网站源码
- 40万m³/d!看上海城投水务泰和污水处理厂的领跑者标杆实践
- 66toolkit在线查询工具箱v16.00英文版
- 小米米家智能香氛机套装植萃系列:低成本高品质,打造清新家居环境
- 生态环境部发布《2024中国生态环境状况公报》
- HTML5实现人工智能中国象棋网页小游戏
- Excel表格批量提取文字上的超链接
- 网页出现Uncaught SyntaxError: Unexpected token错误
- Bitcoin (BTC) Challenges $68K, Dogecoin (DOGE) Soars 5% Daily (Weekend Watch)
- 大旗发帖助手下载/使用教程
- 生态环境部发布《2024中国生态环境状况公报》
- 微软Microsoft Edge Image Editor扩展如何关闭?
- HTML+JavaScript创建响应式404页面
- 5月30日,全新雷神Aura AI智能拍摄眼镜预约开启,颠覆你的摄影体验!
- 搜索
-
- 友情链接
-