首页 > 代码库 > 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}
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。