为什么右侧的浏览器大小不足？

-1

我该如何适应浏览器？而底部没有到达浏览器的底部......任何想法？

.container { 
    border: 1px solid #ffffff; 
    margin-top: 60px; 
    margin-left: 200px; 
    min-width: 100%; 
    min-height: 100%; 
    position: absolute; 
}

来源

2016-11-19 vinya

那么，你已经设定了利润率？这是故意的吗？删除边距，如果你想删除滚动条。 – sinisake

我认为需要更多代码... 'margin-left'使水平滚动条外观... – Anfuca

删除边距，但仍然存在滚动条，并且仍然用完浏览器 – vinya

您已设置min-width: 100%和margin-left: 200px这在总计100％+ 200像素，这与horisontal滚动条的结束而结束了。

如果您想要保证金，并且尺寸是窗口大小的其余部分，您可以这样做：max-width: calc(100% -200px);并只保留其余部分。

只适用于相对较新的浏览器。

来源

2016-11-19 10:28:50 junkfoodjunkie

使用min-width: calc(100% - 202px);可以包含您在宽度中定义的边距和边框。

对于身高，请确保所有父母要素都具有定义的身高，这也意味着您必须添加body, html: height: 100%;。在这种情况下，还需要添加box-sizing: border-box;，但上面的宽度设置应该是min-width: calc(100% - 200px);，因为边框已经在宽度中包含了边框。

来源

2016-11-19 10:33:10 Johannes

如果您使用边框的宽度：100％，那么您必须使用框的大小：边框;

position: absolute; 
top: 60px; 
left:0px; 
min-width: 100%; 
min-height: 100%; 
border: 1px solid #ffffff; 
background:red; 
box-sizing:border-box;

来源

2016-11-19 10:38:44

为什么右侧的浏览器大小不足？

回答

相关问题