Html 为什么右边的浏览器尺寸不够大?
容器的右侧超出浏览器,并显示一个滚动条 如何调整以适应浏览器? 并且底部没有到达浏览器的底部。。。有什么想法吗Html 为什么右边的浏览器尺寸不够大?,html,css,positioning,sizing,Html,Css,Positioning,Sizing,容器的右侧超出浏览器,并显示一个滚动条 如何调整以适应浏览器? 并且底部没有到达浏览器的底部。。。有什么想法吗 .container { border: 1px solid #ffffff; margin-top: 60px; margin-left: 200px; min-width: 100%; min-height: 100%; position: absolute; } 您已经设置了minwidth:100%和leaft:200px,这两个值的总和为100%+
.container {
border: 1px solid #ffffff;
margin-top: 60px;
margin-left: 200px;
min-width: 100%;
min-height: 100%;
position: absolute;
}
您已经设置了
minwidth:100%
和leaft:200px
,这两个值的总和为100%+200px,最后是一个水平滚动条
如果希望边距和大小为窗口大小的其余部分,可以这样做:max width:calc(100%-200px)代码>并保持其余部分不变
仅适用于相对较新的浏览器。使用最小宽度:calc(100%-202px)
以包括宽度中定义的边距和边框
对于高度,确保所有父元素都定义了高度,这也意味着您必须添加body,html:height:100%代码>。在这种情况下,还要添加框大小:边框框代码>,但上述宽度设置应为最小宽度:计算(100%-200px)代码>,因为边框框已经包含宽度中的边框。如果使用宽度为100%的边框,则必须使用框大小:边框框强>
position: absolute;
top: 60px;
left:0px;
min-width: 100%;
min-height: 100%;
border: 1px solid #ffffff;
background:red;
box-sizing:border-box;
嗯,你已经设定了利润?这是故意的吗?删除边距,如果你想删除滚动条。我认为这里需要更多的代码。。。marginleft
正在使水平滚动条出现…删除了边距,但滚动条仍在那里,并且浏览器仍在使用中。您应该删除左边距,而不是使用left:0px@维尼亚,这是你需要的吗?请注意框大小的用法(因此边框被计算为div宽度/高度的一部分)