html - 为页面的主容器提供最大宽度

标签 html css

为 html 元素提供最大宽度限制了它在更大屏幕上的宽度。但是也可以使宽度与屏幕尺寸成比例,例如“95%”。

现在,将 max-width 赋予页面的主容器是否更有利?为什么?

最佳答案

应用了 max-width 的元素永远不会比指定的值宽,即使 width 属性设置得更宽。但是,此规则有一个异常(exception):如果 min-width 指定的值大于 max-width 的值,则容器的宽度将是最大值,在这种情况下意味着 min-width 值将是一个已应用。

max-width 通常与 min-width 结合使用以产生相关元素的宽度范围。

如果 block 的内容需要比已设置的限制所允许的更多的水平空间,则行为由溢出属性定义。

此样式规则将 800 像素的最大宽度和 200 像素的最小宽度分配给 ID 为“main-container”的元素的主容器:

#main-container {
max-width: 800px;
min-width: 200px;
}

关于html - 为页面的主容器提供最大宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/19311730/

相关文章:

javascript - jQuery:排序)表不适用于新版本的 jQuery

Javascript 和 CSS,在 HTML 中与在外部文件中

javascript - 在 <p> 标签内更改值时调用函数

css - 如何围绕另一个正在移动的元素的中心旋转 svg 元素?

javascript - 如何停止 reactjs 中的自动页面滚动?

html - 尝试修复 grou.ps 站点的导航菜单

php - 在下拉框中进行选择后显示文本值

javascript - Bootstrap 轮播动画从上到下而不是从左到右

html - 在 HTML 中设置表格的高度没有效果

html - 如何让这个 search-results-div 显示在内容之上,而不干扰附近的 float 元素?