首页 > 代码库 > html,body { margin:0; padding:0;border:0}

html,body { margin:0; padding:0;border:0}

  body,html   /* 设置窗口DIV为浏览器大小*/  {      margin:0;      padding:0;      height:100%;        }

下面代码

<!DOCTYPE html><html lang="en"><head><style>#side{        float:left;        width: 30%;        height: 300px;        background-color: #99FF99;    }#main{        margin-left:30%;         width: 70%;        height: 300px;        background-color: #99FFFF;    }    </style></head><body><div id="side">1</div><div id="main">2</div></body></html>

两边会有留白

==================================================================

而下面代码

<!DOCTYPE html><html lang="en"><head><style>    html,body{        margin: 0;        padding: 0;        border: 0;    }#side{        float:left;        width: 30%;        height: 300px;        background-color: #99FF99;    }#main{        margin-left:30%;         width: 70%;        height: 300px;        background-color: #99FFFF;    }    </style></head><body><div id="side">1</div><div id="main">2</div></body></html>

让总的外框的外边距和内边距为0

还有一种是写通配符

*  {margin:0; padding:0;border:0;}

* 是表示针对HTML的所有元素。
margin表示边框外面留的空白,后面的0表示不留空白。
padding表示边框内部带内容之间填充,后面的0表示不留空白。
border表示边框,后面的0px表示边框宽度为0像素,边框绘制方式none表示不绘制边框。

html,body { margin:0; padding:0;border:0}