爲什麼右側的瀏覽器大小不足？

-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

爲什麼右側的瀏覽器大小不足？

回答

相關問題