使用 css 扩展页面的 body

Question

我正在尝试向右扩展我页面的 body 以适应某些内容。有没有办法让我的内容自动适合，否则如果我可以通过手动扩展 body 获得一些帮助就可以了。谢谢

这是我的 css 代码：

html { height: 100%; width: 100%; }
body {
width: 100%; height: 100%; 
margin: 0; padding: 0; border: 10em;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 13px; line-height: 15px;
background: #EEE4B9;
}

Answer 1

使用margin-right: #px;放置它并选择一个值，确保此代码位于 Css 中的 body 中。这将使滚动条出现在底部的想法。或者，如果这是文本，您可以将字体大小调小直到适合。

Answer 2

您可以尝试将 body 设置为像这样的屏幕全宽

html, body
{
    /* Set up proportionate scaling */
    width: 100%;
    height: auto;

    /* Set up positioning */
    position: relative;
    top: 0;
    left: 0;

    margin: 0; 
    padding: 0;   
    border: 10em;
    font-family: Verdana, Arial, Helvetica, sans-serif; 
    font-size: 13px; line-height: 15px;
    background: #EEE4B9;
}

看起来像这个例子

使用 css 扩展页面的 body

expanding the body of a page using css

css