Html 为什么不'；固定元素是否接受最大宽度？

首先，我不能在这里发布任何代码，因为问题出在我的上。 请打开这个。现在，实际上有两个问题

主要问题：

如果您注意到顶部的内容，它实际上是包含我的博客标题的标题，它的位置是固定的。它下面的div也是一样，那是我的导航面板（带有类选项卡的div外部）。这两个元素都有最大宽度：1090px，但它不工作。有没有办法使这些元素固定并接受最大宽度

问题2:

---

第二件事是，当您减小浏览器的屏幕宽度时，div包含主要内容（即，类为内容外部的div）合同，因为我已经为它设置了最大宽度属性。但问题是，当你在任何智能手机中打开此博客时，它都没有遵循它。博客以1090px的宽度打开。为什么会发生这种情况？我缺少什么吗？

当我检查你的页面时，我在：home.html:162上看到了这一点

   html body .region-inner {
        min-width: 0;
        max-width: 100%;
        width: auto;
    }

---

如果您删除此选项，导航面板的宽度就可以了。

主要问题：您的代码似乎没有做任何意外的事情。也许您误解了

最大宽度的用法。您希望得到什么样的结果？如果您希望得到以下效果：


然后，简单地改变：

标题的
最大宽度：1090px
至
宽度：100%；最大宽度：1090px

及

.tabs外部
的
最大宽度：1090px
至
宽度：100%；最大宽度：1090px；

问题2:

假设上述操作无法在移动设备上获得所需的效果，请根据屏幕大小指定CSS。以下是一个示例：

@media (max-width: 767px){ 

.tabs .widget li, .tabs .widget li{ 
    width: 100%; 
    height: 34px; 
    text-align: center; 
    border: 1px solid #fff; 
    border-left: none; 
    border-right: none; 
    background-color: #19697b; 
} 

.tabs .widget li, .tabs .widget li:selected{ 
    background-color: #19697b; 
} 

.tabs .widget li, .tabs .widget li a{ 
    z-index: 0; 
    width: 100%; 
} 

}

（本示例是更好地利用较小屏幕空间的一个步骤，结果如下：

当内容仅为767px时，为什么要将标题设置为最大宽度1090px？我希望它与其他内容的宽度相等。我想给它灵活的宽度。当浏览器宽度减小时，它应该减小其宽度，就像博客的其他内容一样。我建议你接受@Danny Mahoney的答案。例如未来的项目你可能想签出一个网格系统，比如bootstrap或flexbox。我可以，但这个解决方案并不能解决我的问题。它就像一个补丁一样。让我们先讨论第一个问题。当我将max width设置为width时，当我减小浏览器的宽度时，它不会减小它的宽度。我希望它像博客的其他内容一样灵活t、 然后这样做…宽度：1090px；最大宽度：100%；这很好。但我有疑问。当浏览器宽度减小时，它是隐藏宽度还是实际减小宽度？因为我们已将宽度“固定”为1090px！如果超过屏幕的100%，则会出现一个水平滚动条，我会将此正确的解决方案添加到我的答案中“主要问题”我仍然不明白宽度和最大宽度是如何一起工作的。如果可以，请解释一下。