HTML 怎样让层在相对定位的状态下处于最顶部?
<divid="divHead"align="center"style="z-index:1;top:0px;">最上层的内容</div><divid="divConte...
<div id="divHead" align="center" style="z-index:1;top:0px;">
最上层的内容
</div>
<div id="divContent" align="center" style="z-index:1;">
最下层的内容
</div>
我的代码就是上面的了, 我这样设置, 最上面的层总是与页面顶部有一段距离.
但是如果我设置position:absolute;是没有距离了, 但是又无法居中了!
请大侠们帮帮忙!谢谢!
loveandkissyou: 兄弟, 你不能具体一点吗? 说实在的, 动用js编程肯定搞得定, 但那么麻烦我不想用! 展开
最上层的内容
</div>
<div id="divContent" align="center" style="z-index:1;">
最下层的内容
</div>
我的代码就是上面的了, 我这样设置, 最上面的层总是与页面顶部有一段距离.
但是如果我设置position:absolute;是没有距离了, 但是又无法居中了!
请大侠们帮帮忙!谢谢!
loveandkissyou: 兄弟, 你不能具体一点吗? 说实在的, 动用js编程肯定搞得定, 但那么麻烦我不想用! 展开
6个回答
展开全部
小菜一碟，毛毛雨！！！
在你的<body>中的整个代码段外面再套一对<div align="center"></div>标签，在<body>中加入属性：style="margin-top: 0px;"
就像这样：
<body style="margin-top: 0px;">
<div align="center">
<div id="divHead" align="center" style="z-index:1;top:0px;">
最上层的内容
</div>
<div id="divContent" align="center" style="z-index:1;">
最下层的内容
</div>
</div>
</body>
在你的<body>中的整个代码段外面再套一对<div align="center"></div>标签，在<body>中加入属性：style="margin-top: 0px;"
就像这样：
<body style="margin-top: 0px;">
<div align="center">
<div id="divHead" align="center" style="z-index:1;top:0px;">
最上层的内容
</div>
<div id="divContent" align="center" style="z-index:1;">
最下层的内容
</div>
</div>
</body>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果是xhtml的话可以使用position属性
例如：
<div style='position:fixed; z-index:999; top:0;'></div>相对浏览器
<div style='position:absolute z-index:999; top:0;'></div>相对父元素
<div style='position:relative; z-index:999; top:0;'></div>相对自己
如果是html5的话可以使用
<nav>标签
例如：
<nav class="navbar navbar-inverse navbar-fixed-top container"></nav>
其中的navbar-fixed-top就是让他置顶的
例如：
<div style='position:fixed; z-index:999; top:0;'></div>相对浏览器
<div style='position:absolute z-index:999; top:0;'></div>相对父元素
<div style='position:relative; z-index:999; top:0;'></div>相对自己
如果是html5的话可以使用
<nav>标签
例如：
<nav class="navbar navbar-inverse navbar-fixed-top container"></nav>
其中的navbar-fixed-top就是让他置顶的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
那个边距不是divHead 的是body的边距 加上加句
*{ margin:0; padding:0;}
或body{ margin:0; padding:0;} 就可以了
*{ margin:0; padding:0;}
或body{ margin:0; padding:0;} 就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果是xhtml的话可以使用position属性
例如：
<div
style='position:fixed;
z-index:999;
top:0;'></div>相对浏览器
<div
style='position:absolute
z-index:999;
top:0;'></div>相对父元素
<div
style='position:relative;
z-index:999;
top:0;'></div>相对自己
如果是html5的话可以使用
<nav>标签
例如：
<nav
class="navbar
navbar-inverse
navbar-fixed-top
container"></nav>
其中的navbar-fixed-top就是让他置顶的
例如：
<div
style='position:fixed;
z-index:999;
top:0;'></div>相对浏览器
<div
style='position:absolute
z-index:999;
top:0;'></div>相对父元素
<div
style='position:relative;
z-index:999;
top:0;'></div>相对自己
如果是html5的话可以使用
<nav>标签
例如：
<nav
class="navbar
navbar-inverse
navbar-fixed-top
container"></nav>
其中的navbar-fixed-top就是让他置顶的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
设置position:absolute; 的话，就要设置left:; top: ;这2个属性让divHead居中了，你可以用css，也可以用js
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
