调整浏览器大小时,使两个div粘在一起

时间:2014-11-24 17:32:14

标签: css

我正在为网站的模板页面工作。 可以在这里看到:http://www.acielouvert.net/clos/

在标题中,我有一个图片宽度为100%的幻灯片,他们使用浏览器调整大小
当我在960px下方调整浏览器大小时,我希望div .continuediv.header保持联系。
实际上我在div margin-top: 700px上添加了.continue

您知道我该怎么办?
我不想使用媒体查询。

请在此处查看页面代码:http://pastebin.com/gLaerw1F

谢谢,
纪尧姆

2 个答案:

答案 0 :(得分:0)

像这样。

@media screen and (max-width: 960px) {
   // What ever you want ...
}

答案 1 :(得分:0)

我做了几次测试,我找到的唯一方法是使用margin-top .continue的% 当用户将浏览器的大小调整到960px以下时,两个div会卡在一起,我会避免因margin-top: 700px;而导致的间隙 我肯定会在最后添加一些media queries,但%正在帮助很多。

感谢您的帮助@Junaid,@ Josh Burgess,@ jurgemaister。