当前位置：首页 → 问答吧 → 页面显示时两边的空白

页面显示时两边的空白

时间：2011-03-20

来源：互联网

页面设计时如何预留两边的边距，不要页面挨着屏幕两边显示，即屏幕左右两边显示时有些预留，另外，这样设计以后要可以使用框架！

作者: nuaacpc 发布时间: 2011-03-20

作者: flesu 发布时间: 2011-03-20

定义body元素的左右margin，或者定义html元素的padding，都可以。如果是框架则用后者，因为没有body元素：
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
html {
    padding:10px 20px;
    border:1px solid blue;
}
#div1 {
    width:200px;
    height:200px;
    border:1px solid red;
}
</style>
</head>
<body>
<div id="div1">div1</div>
</body>
</html>

作者: dalmeeme 发布时间: 2011-03-20

一下是定义body的外边距：
HTML code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<style>
body {
    margin:10px 20px;
    border:1px solid blue;
}
#div1 {
    width:200px;
    height:200px;
    border:1px solid red;
}
</style>
</head>
<body>
<div id="div1">div1</div>
</body>
</html>

作者: dalmeeme 发布时间: 2011-03-20

页面显示时两边的空白

热门阅读

热门下载