CSS:最小宽度和绝对位置 html,正文{ 保证金:0; 填充:0 } .专栏1 { 位置:绝对位置; 左:0; 排名:0; 宽度:100px; 背景色:黑色; } .专栏2 { 位置:绝对位置; 左:100px; 右:100px; 背景颜色:灰色; } .中{ 最小宽度:900px; } .专栏3 { 位置:绝对位置; 右:0; 排名:0; 宽度:100px; 背景色:黑色; } #容器 { 文本对齐:居中; 宽度:100%; } .clearfix { 位置:相对位置; 显示:内联块; } 左边 中间的 正确的
我想知道是否有可能中间柱的最小宽度会使右边的柱像它一样粘在屏幕上,但直到中间柱是900px。如果小于该值,则水平调整窗口的大小会切断右侧列 这是否仅适用于cssCSS:最小宽度和绝对位置 html,正文{ 保证金:0; 填充:0 } .专栏1 { 位置:绝对位置; 左:0; 排名:0; 宽度:100px; 背景色:黑色; } .专栏2 { 位置:绝对位置; 左:100px; 右:100px; 背景颜色:灰色; } .中{ 最小宽度:900px; } .专栏3 { 位置:绝对位置; 右:0; 排名:0; 宽度:100px; 背景色:黑色; } #容器 { 文本对齐:居中; 宽度:100%; } .clearfix { 位置:相对位置; 显示:内联块; } 左边 中间的 正确的,html,resize,css,Html,Resize,Css,我想知道是否有可能中间柱的最小宽度会使右边的柱像它一样粘在屏幕上,但直到中间柱是900px。如果小于该值,则水平调整窗口的大小会切断右侧列 这是否仅适用于css 非常感谢 绝对定位的元素不受其相邻元素的影响,因此不能影响具有中心宽度的右列 但是,只需将minwidth:1100px放在#containerdiv上,就可以轻松实现这一点。绝对定位的元素不受其相邻元素的影响,因此不能影响具有中心宽度的右列 但是,您只需将最小宽度:1100px放在#containerdiv上即可轻松完成此操作。感谢某
非常感谢 绝对定位的元素不受其相邻元素的影响,因此不能影响具有中心宽度的右列
但是,只需将
minwidth:1100px
放在#container
div上,就可以轻松实现这一点。绝对定位的元素不受其相邻元素的影响,因此不能影响具有中心宽度的右列
但是,您只需将
最小宽度:1100px
放在#container
div上即可轻松完成此操作。感谢某人的最佳方式是向上投票并单击绿色复选标记接受答案;)哦,好的!希望我很快就能回答问题,感谢某人的最佳方式就是投票支持他们的答案,然后单击绿色复选标记接受答案;)哦,好的!希望我能尽快回答问题
<style type="text/css">
html, body {
margin: 0;
padding: 0
}
.column1
{
position:absolute;
left:0;
top:0;
width:100px;
background-color:black;
}
.column2
{
position:absolute;
left:100px;
right:100px;
background-color:gray;
}
.middle {
min-width:900px;
}
.column3
{
position:absolute;
right:0;
top:0;
width:100px;
background-color:black;
}
#container
{
text-align: center;
width:100%;
}
.clearfix
{
position:relative;
display: inline-block;
}
</style>
<div id="container" class="clearfix">
<div class="column1">left</div>
<div class="column2">
<div class="middle">
middle
</div>
</div>
<div class="column3">right</div>
</div>