体宽未设定?

时间:2014-05-08 11:52:02

标签: html css

我想将主体的宽度设置为650px。但它没有发生。 简单的css代码。

body{
    width:650px;
    background-color:red;
}

我的HTML代码!

<html>
<head>
<link rel="stylesheet" type="text/css" href="content.css">
</head>
<body>

<h1>Login Successful <?php echo $_SESSION['username']?></h1>

</body>
</html>                                                                          

我根据代码得到红色,但没有得到宽度,如图所示。

3 个答案:

答案 0 :(得分:2)

您需要按div标记打开页面并设置高度

.wrapper{
   width:650px;
   height:500px;
   background-color:red;
}
<body>
  <div class="wrapper">
     <h1>Login Successful <?php echo $_SESSION['username']?></h1>
  </div>
</body>

答案 1 :(得分:2)

body width is 650px All content elements

但是身体是设置 background-color 所有内容的神奇元素,包括外边距。

检查此 jsfiddle demo ,以显示border属性以查看差异,


但是现在您可以使用 div element 在体内使用相同的内容并应用宽度或背景颜色来检查此 Demo jsFiddle 差异。< / p>

答案 2 :(得分:0)

<body>元素是神奇的。将您的页面包裹在<div>中并改为样式。