Question

我认为这是一个简单的解决方法：

body
{
    height: 1054px;
}

html
{
    height: 1054px;
}

这不会将页面的最大高度设置为1054px吗？我也尝试过这些解决方法，但它们并不能满足我的需求：

html
{
   overflow: hidden;
}

<body><table id = "myTable"><tr><td> ..... </tr></td></body>

#myTable
{
    height: 100%;
}

如何设置网页的绝对高度？此外，我更感兴趣的是body和html height调用不起作用的原因。我做了很多position: relative次电话会对它产生影响吗？

Answer 1

width和height分别设置元素的绝对宽度和高度。 max-width，max-height，min-width和min-height是单独的属性。

包含1054px方形内容和完整背景的网页示例：

html {
  min-width: 100%;
  min-height: 100%;
  background-image: url(http://www.example.com/somelargeimage.jpg);
  background-position: top center;
  background-color: #000;
}

body {
  width: 1054px;
  height: 1054px;
  background-color: #FFF;
}

然而，由于你似乎是桌面造型（urgh），将桌子的高度设置为1054px并让身体自动调整以包围整个桌面可能更为明智。（当然，保持上面提出的html风格。）

Answer 2

好问题。我不确定，但您是否尝试在<div>内使用单<section>（或<body>}，并设置width，height和{{ 1}}那个？浏览器可能会对overflow: hidden和<html>进行特殊处理。

Answer 3

您是否尝试将body的CSS边距设置为0？否则，页面高度（和宽度）中将包含一些边距（取决于浏览器）的边距，但不受高度样式的控制;

在CSS中：

body: { margin: 0; }

IN jQuery：

$('body').css('margin', 0);

如何为整个网页设置固定高度？

3 个答案: