0

我有以下网址：网站

我真正想做的是像现在一样将 Weather DIV 浮动在页面顶部，但是当我展开或折叠它时，它只是浮​​动在顶部并且不会将任何内容向下推。我如何实现它？

我的天气 DIV CSS：

#weather {
    margin: 0 auto;
    padding: 0;
    width: 177px;
    font: 75%/120% Arial, Helvetica, sans-serif;
    top: 0;
    position: relative;
    z-index: 999999999;
}
4

3 回答 3

2

绝对定位

#weather {
    position: absolute;
    left: 50%;
    width: 177px;
    margin-left: -88px; /* 50% of the width */
}

并给你的身体一个padding-top在你当前包装的高度

body {
    padding-top: 50px; /* or so */
}
于 2013-03-25T20:59:09.783 回答
1

最好将 '#weather' 元素放在 dom 的 '#wrapper .shell' 区域内，并给它一个 'position: absolute' 属性。

'position: absolute' 基本上告诉浏览器忽略元素的高度，而是将所有显示责任交给您为其定义的 css。

此外，您可以通过将“#weather”宽度设置为 990 像素（网站框架的宽度）来使其看起来更好看。这也会将黑条扩展到您网站框架的宽度。这将开始为你清理东西。

于 2013-03-25T21:08:16.683 回答
1

你可以给它一个相对或绝对的位置。

于 2013-03-25T21:01:01.010 回答