Question

我遇到滚动问题。由于铬的某些原因，页面底部有一大堆空白区域。（这不会出现在firefox中，我没有安装IE。

以下是我正在查看的代码的链接：http://dl.dropbox.com/u/1990107/vertical.html

以下是代码：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<style>
.report{
  width:800px;
  height:1036px;
}

.report-container{
  margin-left:auto;
  margin-right:auto;
  width:800px;
}
#select-account{
  margin-left:-50px;
  background:blue;
  width:50px;
  float:left;
  height:100px;
}
</style>
</head> 
<body> 
<div class='report-container'>
 <div id='select-account'>content</div>
 <img class='report' src='http://placekitten.com/g/800/1036'/>
</div>
</body> 
</html>

Answer 1

您需要将position:absolute;添加到#select-account{}
请参见此处的修复：http://jsfiddle.net/htNrn/

Answer 2

尝试添加...

white-space：nowrap;

报告容器css类

这在我在所有浏览器中都可以看到

干杯

贾斯汀

滚动条问题

2 个答案: