Question

我目前正在使用CSS设置网站样式，由于项目的性质，我无权添加或删除HTML，只有CSS。

我的目标是简单地为页面提供固定的宽度。页面的HTML非常简单，类似于：

<html>
  <body>
    content
  </body>
</html

我试图通过CSS给身体一个固定的，但IE似乎并不尊重这个属性（尽管其他浏览器都这样做）。当然，我宁愿在那里抛出一个DIV并给它一个宽度，但这个项目的变量非常严格。

谢谢，泰勒

Answer 1

如果您只能更改CSS并且使用IE7或更早版本，那么您需要使用IE，因为这些浏览器不支持<body>上的width属性。您可能已经检查过，但如果还没有，请查看是否有任何现有的包含元素可以附加您的样式。

如果你有一个非常严格的窗口宽度（就像你总是以全屏模式运行），那么你可能使用边距将适合你：

body {
    margin-left: 100px;
    margin-right: 100px;
}

有点儿，我知道。

Answer 2

尝试使用jQuery：

<html>
<body>
<head>
<title>Untitled Document</title>
<script src="jquery-1.6.2.js"></script>
<script>

$(document).ready(function() {

    $("body").css("width",100);

});

</script>

</head>
<body>

x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x


</body>
</html>

或者像这样使用CSS：

<html>
<body>
<head>
<title>Untitled Document</title>
<script src="jquery-1.6.2.js"></script>
<script>

<style>

body
{
    width:150;
}

</style>

</head>
<body id="body">

x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x


</body>
</html>

设置体宽在IE中不起作用

2 个答案: