css - 使用CSS扩展页面的主体

Question

我正在尝试向右扩展我的页面正文以使某些内容适合。有没有办法让我的内容自动适合，否则如果我可以通过手动扩展 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

你可以尝试像这样将你的 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;
}

看起来像这个例子