-1

下面的代码是我正在尝试做的一个例子，我需要这个 div 跨越 600px 宽但是不管我是否放了 max-width: 600px; 或宽度：600px；它仍然是我电脑屏幕的宽度。

我怎样才能让它600px宽？

<style>
.errormsg3 { 
    text-align: center;
    font-weight:bold;
    color:white;
    font-size: 16px;
    background-color:red;
    padding:8px;
    max-width: 600px;
}
</style>

<?PHP
if (isset($_SESSION['sess_msg'])) {
    echo '<div class="errormsg3">' .$_SESSION['sess_msg']. '</div>';
    unset($_SESSION['sess_msg']);
} 
?>

更新

它现在正在工作，firefox 似乎正在缓存我的网站，所以也许这就是它以前不起作用的原因。

div是红色的，是否可以在红色部分之外向div添加填充，所以有一个白色的填充/空间

4

7 回答 7

2

那个 CSS 对我来说很好用。你确定你没有另一个覆盖它的 CSS 规则吗？尝试使用像 Firebug 这样的工具，它可以显示元素的计算样式以及它的来源。

于 2009-08-07T19:47:56.490 回答
0

我会尝试使用 Firebug 对其进行调试，以确保没有任何内容覆盖该 div 类，并检查包含元素的布局方式。

于 2009-08-07T19:48:33.930 回答
0 
-max-width: 600px;
+width: 600px;

IE 不喜欢最大宽度。经过测试并在 IE/FF/Chrome 中运行。

于 2009-08-07T19:50:46.500 回答
0

确保你的内部没有比 div 大的东西。IE 有时（取决于版本）通过扩展 div 以考虑内容来呈现具有更大内部内容的 div。

测试它的简单方法是添加溢出：隐藏并查看它是否隐藏任何内容。

于 2009-08-07T19:52:53.657 回答
0

将其用作 HTML 文件

<html><head><style>
body {text-align: center;}
.errormsg3 { 
    text-align: center;
    font-weight:bold;
    color:white;
    font-size: 16px;
    background-color:red;
    padding:8px;
    width: 600px;
    margin: 0 auto;
}
</style>

<body>
if (isset($_SESSION['sess_msg'])) {
    echo '<div class="errormsg3">' .$_SESSION['sess_msg']. '</div>';
    unset($_SESSION['sess_msg']);
} 
</body>

我在 FF 3.5.2、Opera 9.64、IE 8.0.6001.18813 在 Vista 32 位上收到一条居中的 600 像素宽的消息。IE 需要额外的 text-align 来使块居中，margin: 0 auto对于其他浏览器也是如此。

于 2009-08-07T20:02:18.130 回答
0

通常在属性后面添加重要会有所帮助，因为它将覆盖父母声明的所有其他宽度。你需要这样写：

width: 600px !important;
于 2017-01-23T12:19:31.250 回答
-1

添加溢出：自动；到你的 CSS。

于 2009-08-07T19:49:17.233 回答