当 html 遇到 css 后, 小h会有什么样的化学反应呢/?

2012-02-24 21:19:45 +08:00
 Eysa
<body>
<div class="page" style="background-color: Teal; width: 100%; height: 100%; position: fixed;">
<div id="nav-home" style="background-color: White; width: 30%; height: 100px; margin-top: 40%;
margin-left: 35%; z-index: 1000; position: absolute;">
</div>
</div>
</body>



求解, 确切的说, 应该是 IE 这个老大难 ..

为神马 IE 下就离的那么远,. 那么远.....
4027 次点击
所在节点    问与答
6 条回复
Eysa
2012-02-24 21:39:44 +08:00
nav-home 的位置不对啊... 这里牛人应该很多的哦.
SolidZORO
2012-02-24 21:43:27 +08:00
css hack 很难说的，你得动不动就clear一下，zoom:1一下。 对于你这个问题，absolute外圈要用relativer之流，而非fixed，ie低版本不认识这个。
icyflash
2012-02-24 21:56:36 +08:00
而且应该不是IE的问题，absolute外层不是relative的话，就直接相对于body去定位了。
icyflash
2012-02-24 21:58:14 +08:00
事实上firefox和ie的显示一样的，chrome dev版nav-home却是相对于page定位的，这倒有点奇怪
benzhe
2012-02-24 22:26:58 +08:00
id为nav-home的div，既然用了position:absolute，那定位就不应该用margin，应该使用top,right,bottom,left。改成这样应该就好了：

<div id="nav-home" style="background-color: White; width: 30%; height: 100px; top: 40%;
left: 35%; z-index: 1000; position: absolute;">

不过如果LZ纯粹想吐槽IE的兼容问题...嗯，IE这个陷阱很深，当心走不出来...
Eysa
2012-02-25 12:52:45 +08:00
问题搞定了... 不应该使用 margin 啦...

这是一个专为移动设备优化的页面（即为了让你能够在 Google 搜索结果里秒开这个页面），如果你希望参与 V2EX 社区的讨论，你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/28088

V2EX 是创意工作者们的社区，是一个分享自己正在做的有趣事物、交流想法，可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX