Question

我刚刚设法启动并运行了一个基于style.css的网站

CSS文件代码是

html 
{
    height:100%;
}
{
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
  top: 0;
  cursor:default;
  overflow:visible;
}

body
{
  padding: 0; 
  margin:0;
  color: #000000;
  height:100%;
  min-height:100%;
  background-color: #D3D8FD;
  background-image: url('images/Bottom_texture.jpg');
  background-repeat: repeat-x;
  background-attachment: fixed;
  background-position: top center;
  min-width: 820px;
}

.cleared
{
  display:block;
  clear: both;
  float: none;
  margin: 0;
  padding: 0;
  border: none;
  font-size: 0;
  height:0;
  overflow:hidden;
}

我无法理解如何更改此值，因此当在大屏幕上打开页面时，水平100％拉伸的空白空间不存在。我只需要页面的实际大小。所以没有留下空的空间。我已经在这里阅读了所有有关css的内容，但无法获得适当的代码，因为我对它不太满意。

谢谢。

Answer 1

如果我明白你要做什么......

这应该适用于您拥有的代码，使html和body 100％高度，但您还需要添加

div#yourdiv { 
  height:100% 
}

对于你想要占用浏览器窗口的整个100％高度的任何div。

Answer 2

更新了代码，用以下代码替换了所有代码：

<强> CSS

{ 
  position: relative; 
  z-index: 0; 
  width: 100%; 
  left: 0; 
  top: 0; 
  cursor:default; 
  overflow:visible; 
}     
body 
{ 
  padding: 0;  
  margin:0; 
  color: #000000; 
  background-color: #D3D8FD; 
  background-image: url('images/Bottom_texture.jpg'); 
  background-repeat: repeat-x; 
  background-attachment: fixed; 
  background-position: top center; 
  min-width: 820px; 
} 
.cleared 
{ 
  display:block; 
  clear: both; 
  float: none; 
  margin: 0; 
  padding: 0; 
  border: none; 
  font-size: 0; 
  height:0; 
  overflow:hidden; 
}

希望这是你正在寻找的......

Answer 3

查看页面上的HTML，你的标签上面有一个标签，检查你的html第111行。

你的文本检查线113右侧还有一个空座位。

这仅适用于主页但删除它们，您将删除文本之后和页脚之前存在的空白。

Answer 4

尝试推杆：

margin:0px 0px 0px 0px; <---I used this for IE
size: 100%; <---image stretches with any browser

删除空白区域 - 100％CSS HTML页面

4 个答案: