标签：style blog color ar sp div on log 代码
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}
标签：style blog color ar sp div on log 代码
原文地址：http://www.cnblogs.com/JAYIT/p/4067474.html
