html - 由于页面高度不同,div 顶部的间距

标签 html css

我正在制作一个网站,我在位于 top: 0; 的第一个包装器下有一个“最新消息”部分。左:0;右:0;底部:0;

在其下方是背景颜色和最新消息的 DIV。当浏览器/屏幕的高度发生变化时,顶部会随机出现一些间距,我不知道为什么。有人帮忙吗?

这是JSBIN

http://jsbin.com/doqatene/1/edit?html,output

基本上我想确保 DIV:最新消息就在 wrapper 下面,人们仍然可以向下滚动页面。

出于某种原因,在 JS bin 中你甚至看不到包装器,所以这里是暂存器:

http://scratchpad.io/pumped-smash-2983

最佳答案

body {
background: #333 url('https://archive.nyafuu.org/foolfuuka/boards/wg/image/1382/01/1382018045865.jpg');
background-size: cover;
background-repeat: no-repeat;
}
.wrapper {
color: #fff;
}
.content {
height: 33.2em;
}

JSBIN

关于html - 由于页面高度不同,div 顶部的间距,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/22796796/

相关文章:

javascript - 从 .csv 文件读取的内容有时不会在页面加载时显示

html - 居中对齐表格中的绝对文本

CSS 变换缩放,不缩放子元素

javascript - 在 meteor 中单击按钮时显示动态卡的隐藏部分

css - 在 html 页面的左右两侧添加两条垂直线(矩形)

javascript - Greasemonkey - 图像不显示

html - Select()方法返回警告

javascript - 如何从 div 中获取文本?

jquery - 添加新数据后停止调整元素大小?

css - 还有其他类似 Skybound Stylizer 的东西吗?