0

我试图在我的网站的左下角浮动一些天气信息的 iframe。我将尺寸和所有东西都设置在一起,但我不太确定从 div 中正确浮动它时我在做什么。我似乎无法让 div 和 iframe 很好地漂浮在网站的左下角。

经过多次谷歌搜索和搜索后,我将以下内容粘合在一起:

<div style="position: absolute; bottom:3px; overflow: hidden; left: 0px; border: 0px none; width:270px; height:370px;">
<div style="overflow: hidden;">
</div>
<iframe src="http://weather.gc.ca/wxlink/wxlink.html?cityCode=on-162&amp;lang=e" scrolling="no" style="height: 300px; border: 0px none; width: 165px; margin-bottom: 0px; margin-left: 24px;">
</iframe>
</div>
</div>

你可以在这里查看我想要完成的工作:http: //www.soozoo.ca

4

2 回答 2

4

尝试这个

http://jsfiddle.net/MqEhF/

HTML

 <div style="left: 0px; border: 0px none; height: 370px; position: fixed; width: 270px; overflow: hidden; bottom: -67px;">
    <div style="overflow: hidden;">
    </div>
    <iframe src="http://weather.gc.ca/wxlink/wxlink.html?cityCode=on-162&amp;lang=e" scrolling="no" style="height: 300px; border: 0px none; width: 165px; margin-bottom: 0px; margin-left: 24px;">
    </iframe>
    </div>
    </div>
于 2013-07-12T05:54:49.077 回答
0

使 div 的位置“固定”。

希望有效!!!

于 2013-07-12T05:56:21.447 回答