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宽度/高度的一部分)