Css 如果文本超出可视屏幕，则Webkit不考虑页边距底部_Css_Html_Webkit

Css 如果文本超出可视屏幕，则Webkit不考虑页边距底部

css html

Css 如果文本超出可视屏幕，则Webkit不考虑页边距底部,css,html,webkit,Css,Html,Webkit,我正试图完成我的网站（jonathanbuys.com）的CSS和标记，但我有一个恼人的问题要解决。对于无需滚动即可水平查看所有文本的页面，“我的页边距底部”正确设置为30px。但是，一旦内容超过浏览器窗口的水平大小，边距底部就会消失我已经用Firefox、Safari、Chrome和Webkit nightlies进行了测试，似乎只有基于Webkit的浏览器才会出现这种情况以下是相关CSS： #wrapper{ width: 720px; height: auto; margi

我正试图完成我的网站（jonathanbuys.com）的CSS和标记，但我有一个恼人的问题要解决。对于无需滚动即可水平查看所有文本的页面，“我的页边距底部”正确设置为30px。但是，一旦内容超过浏览器窗口的水平大小，边距底部就会消失

我已经用Firefox、Safari、Chrome和Webkit nightlies进行了测试，似乎只有基于Webkit的浏览器才会出现这种情况

以下是相关CSS：

   #wrapper{
 width: 720px;
 height: auto;
 margin: 30px auto 30px auto;
 padding: 3em 3em 3em 3em;
 border: 1px solid #ccc;
 text-align: left;
 background: white;
 -webkit-box-shadow: 2px 2px 8px #aaa;
 -moz-box-shadow: 2px 2px 8px #aaa;
 box-shadow: 2px 2px 8px #aaa;
}

以及场地的基本布局：

<!DOCTYPE html>
<html lang="en">
<head>
 <link rel="stylesheet" href="/css/style.css" type="text/css" />
</head>
 <body>
 <div id="wrapper">  

   <div id="sidebar">
    <div id="logobox">
    </div> 

    <div id="pages">
    </div> 
   </div> 

   <div id="content">
    <h2>Heading</h2>
    <p class="thin_line"></p>

    <div id="post">
     text
    </div>
   </div> <!-- End of content div -->

   <div id="footer">
    <p class="thin_line"></p>

   </div>
 </div>
 </body>
</html>


标题

文本

知道我错过了什么吗

提前谢谢。

我可能只是用填充或其他方式编写了不同的代码。通常，可能是因为页边空白太大而把你搞砸了

-webkit边际崩溃

值得一试。

规范中可能有一些值得商榷的段落，让他们以这种方式处理，否则这只是WebKit中的一个bug。如果您在

正文中添加1px底部填充，您的底部边距将显示出来——至少在检查器Chrome 6/OS X中调整后是这样