如何在页面内容和窗口的左右边框之间留一个空隙?当我使用时:
BODY {
padding-left: 30px
padding-right: 30px
}
页眉和页脚也会移动?
(我的内容在php代码中)
答案 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;
}
希望这有帮助!