在页面内容与窗口的左右边框之间留下间隙

时间:2016-02-23 19:30:44

标签: php html css

如何在页面内容和窗口的左右边框之间留一个空隙?当我使用时:

BODY {
  padding-left: 30px  
  padding-right: 30px  
} 
页眉和页脚也会移动? (我的内容在php代码中)

1 个答案:

答案 0 :(得分:1)

那是因为你的页眉和页脚也在体内(实际上你能看到的一切都在体内)

您只需将页面内容包装在div(或任何Html5 div标签,即section)中,为其提供一个类并添加填充。

<body>
    <div class="header">...</div>
    <div class="content">...</div>
    <div class="footer">...</div>
<body>

//--- In you .css ---//
.content{
    padding: 0 30px;
}

希望这有帮助!