Css 我的部门正在脱离集装箱部门

我有一个不限制其子div宽度的包含div。当我在容器和子容器上都设置了宽度时，div一直延伸到屏幕的全宽。为什么会发生这种情况。我没有任何定位或浮动

请查看我的HTML：

<ul class="tabs_commentArea">
    <li class=""><a href="#" class="">Starstream</a></li>
    <li class=""><a href="#" class="">Comments</a></li>
</ul>

<div id="paneWrap">
<div class="panes_comments">
    <div class="comments">member pane 1</div>
    <div class="comments">member pane 2</div>
    <div class="comments">member pane 3</div>
</div> 

---

您可以在

div

元素的任意一个或两个上设置

max width

，以防止其扩展：

#containerDiv {
    min-width: 400px; /* prevents the div being squashed by an 'extreme' page-resize */
    width: 50%; /* defines the normal width of the div */
    max-width: 700px; /* prevents the div expanding beyond 700px */
}

---

也可能是您允许

div

的溢出内容

可见

，而不是

隐藏

（或

自动

）。但是如果没有具体的标记和css示例，很难猜测。

一般来说，给出元素布局非常简单（总是假设您对浮动、定位和框模型有很好的理解），并且在大多数情况下，您不必使用最大-最小宽度来控制页面上的元素

我的2美分：如果我是你，我会开始剥离代码（从！重要规则开始），然后看看问题何时解决。这样去构造代码是发现bug的好方法

很抱歉，我帮不上忙，但我不愿意给出建议，因为您提供的代码显示了许多其他可能导致您的问题的东西（例如必须使用！重要）

---

：D

我解决了这个问题。在css中调用的文件与另一个外部css文件冲突，该文件中包含同名的相同元素。谢谢大家的帮助。

你能分享一些代码吗？你需要发布你的css和html，让任何人都能回答。请看我修改后的问题哪些部分是从什么中分离出来的？你能说得更具体一点吗？对于一个没有“浮动”的人来说，你有很多浮动。删除重要的似乎一点作用都没有。不，删除重要的可能不会改变代码的主要方面，但人们普遍认为使用规则不是一个好主意。如果你不得不强迫别人做某事，那是不好的就像我说的，继续剥离它，从基本元素开始，然后从那里开始工作。如果没有别的，这将是一个很好的学习曲线D

#containerDiv {
    min-width: 400px; /* prevents the div being squashed by an 'extreme' page-resize */
    width: 50%; /* defines the normal width of the div */
    max-width: 700px; /* prevents the div expanding beyond 700px */
}