我目前正在用CSS设计一个网站的样式,由于项目的性质,我没有权限添加或删除HTML,只有CSS。
我的目标是简单地给页面一个固定的宽度。该页面的HTML非常简单,如下所示:
<html>
<body>
content
</body>
</html我试图通过CSS给body一个修复,但IE似乎并不尊重这个属性(尽管其他浏览器是这样做的)。当然,我更愿意抛出一个DIV,并给它一个宽度,但这个项目的变量非常严格。
谢谢,泰勒
发布于 2011-07-26 06:17:20
如果您只能更改CSS,并且使用的是IE7或更早的版本,那么您应该使用SOL,因为这些浏览器不支持<body>的width属性。您可能已经检查过了,但是如果您还没有检查,请查看是否有任何现有的包含元素可以附加到您的样式。
body {
margin-left: 100px;
margin-right: 100px;
}我知道,这是有限的。
发布于 2011-07-26 06:08:09
尝试使用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>https://stackoverflow.com/questions/6822867
复制相似问题