Question

我一直试图在html中锁定body标签的大小以使其更整洁。我曾经使用过很多种方法，例如：

<body style="height: 1450px; width: 1450px">
<style type="text/css"> body {style: height="1450px; width="1450px"} </style>
等

然而，这些都不起作用。文本总是扩展<body>，以使背景图像不符合它的大小。我甚至试过用 <img>标记来控制图像，但它似乎不起作用。任何人都可以帮我解决这个问题吗？

Answer 1

通常你会设置一个可以定义高度和宽度的div

<body>
  <div id="wrapper"></div>
</body>
<style> 
  #wrapper{ width: 1450px; height: 1450px; margin: 0px auto;}
</style>

Answer 2

<html>
 <head>
  <title>Tester</title>
  <style type="text/css">
   div{z-index: -1}
  </style>
 </head>
 <body style="height: 1450px; width: 1450px">
  <div style="position: fixed; top: 0%; right: 0%"><img src="your background photo's path" height="100%" width="100%"></div>
  <p>This maybe work.</p>
 </body>
</html>`

Answer 3

希望你需要这个：

html, body {
position: relative;
min-width: 1450px;
min-height: 1450px;
height: 100%;

}

Answer 4

您可以通过body标签了解此处发生的事情。

＆＃13;

body{
//width:40px;
//height:40px
max-width: 35px;
max-height: 35px;
min-width: 30px;
min-height: 30px;
background-color:grey;
}

div{
//width:50px;
//height:50px
max-width: 40px;
max-height: 50px;
min-width: 40px;
min-height: 50px;  
background-color:red;
}

＆＃13;

<body> 
 
    <div>
    </div>
  
</body>

＆＃13;

注意：min-height属性的值会覆盖max-height和height。

如何锁定html正文的大小？

4 个答案: