DIV 宽度不听我的 CSS答案

【问题标题】：DIV width not listening to my CSSDIV 宽度不听我的 CSS
【发布时间】：2017-01-23 20:19:31
【问题描述】：

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

我怎样才能使它宽 600 像素？

<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 中添加填充，在红色部分之外，所以有一个白色的填充/空间

【问题讨论】：

使用宽度，而不是最大宽度（IE 问题），但这确实应该有效。你的 CSS 肯定有其他问题。
奇怪的事情才刚刚开始工作，我想它就像 Firefox 一直在我的网站上缓存东西一样，我整天都遇到奇怪的问题，我更新了一些东西，而 Firefox 没有正确显示它。我需要以某种方式对齐这个 div 中心吗？
所有 - 来自他的帖子：“不管我放的是 max-width: 600px; 还是 width: 600px”
啊 - 可爱的缓存问题。确保您已完全关闭缓存以进行开发，并且您实际上刷新了整个页面（否则它不会重新加载 css 文件）
这一定是发生了什么谢谢你的提示

标签： css html width

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

【讨论】：

【解决方案3】：

-max-width: 600px;
+width: 600px;

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

【讨论】：

澄清一下——IE 6 及以下版本不支持最大宽度；以后的版本也需要一个宽度（例如百分比），max-width 会限制。

【解决方案4】：

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

测试这个的简单方法是添加溢出：隐藏，看看它是否隐藏了任何东西。

【讨论】：

【解决方案5】：

将其用作 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 对其他浏览器也是如此。

【讨论】：

【解决方案6】：

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

width: 600px !important;

【讨论】：

【解决方案7】：

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

【讨论】：