body,html   /* 设置窗口DIV为浏览器大小*/
  {
      margin:;
      padding:;
      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

还有一种是写通配符

;;;}

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

html,body { margin:0; padding:0;border:0}的更多相关文章

  1. html/css 盒子布局 Margin 、Padding 、border 以及 清除浮动的知识 （学习HTML过程中的小记录）

    html/css  盒子布局 Margin .Padding .border 以及 清除浮动的知识 (学习HTML过程中的小记录) 作者:王可利(Star·星星) width     是"宽 ...

  2. 【CSS3】---盒模型margin、padding及border

    盒模型--边框 盒子模型的边框就是围绕着内容及补白的线,这条线你可以设置它的粗细.样式和颜色(边框三个属性). 如下面代码为 div 来设置边框粗细为 2px.样式为实心的.颜色为红色的边框: div ...

  3. margin、padding、border区分

    margin 是设置两个标签的间隔,也就是距离: padding 这个是比如一个p标签,它是100px*100px,我们使用的时候p标签的文字是贴着p标签的最左侧的,想要它的文字距离边界远一点,好看一 ...

  4. web兼容学习分析笔记-margin 和padding浏览器解析差异

    二.margin 和padding浏览器解析差异 只有默认margin的元素 <body>margin:8px  margin:15px 10px 15px 10px(IE7) <b ...

  5. 使用CSS中margin和padding的基础和注意事项

    在CSS中,margin和padding是页面布局的主要属性,如何灵活有效使用对于基于DIV+CSS设计网页方法是非常重要的,笔者经常使用且经常误使用,所以根据经验和网上资料整理出切合自己的内容,以备 ...

  6. margin和 padding 以及 float :left和float :right的介绍

    1.margin和padding的介绍 margin是外边距,padding是内边距,用CSS时首先要做的就是把所有标签的margin和padding清空.这样更容易控制布局和兼容浏览器. p li等 ...

  7. 网页CSS中*{margin:0; padding:0;}有什么用

    * 这东西叫“通配符”用来匹配页面上所有元素.*{margin:0; padding:0;} 像 2L 所说,body ,ul, li ,p,h1~h6,dd,dt 等……都有默认的margin 或p ...

  8. 为什么要在css文件里定义 ul{margin:0;padding:0;}这个选择器？

    为什么要在css文件里定义 ul{margin:0;padding:0;}这个选择器? ul标签在FF中默认是有padding值的,而在IE中仅仅有margin默认有值.请看下面不同浏览中对paddi ...

  9. 网上的CSS例子编写都不太严谨，如*{ margin:0;padding:0;}

    margin:0;padding:0; 一般情况下不可以用 *{margin:0;padding:0;} 来适配. 保证自己的严谨代码编写风格.

随机推荐

  1. jQuery的无new实例化

    我只能说想法很好,设计的巧妙.看代码: var jQuery = function( selector, context ) { //执行了init函数并返回jQuery实例 return new j ...

  2. velocity .vm

    关于.vm 后缀的文件,是velocity的文件.velocity是基于java的一种页面模板引擎,支持#if #else #foreach等写法的前台文件.$link.contextPath是该引擎 ...

  3. heartbeat初探

    1,概念及原理 http://www.mingxiao.info/tag/heartbeat/

  4. cisco交换技术list

  5. GPS坐标换算为百度坐标

    最近在做一个关于手机定位的小应用,需求是这样的,用户通过手机(Wp8)进行二维码扫描操作并且记录用户的当前位置,在PC上可以查看用户所在地图的位置,做法就是在用户扫描条码时,通过手机GPS获取当前在地 ...

  6. 为什么我的SQL server 在附加数据库后，数据库总是变成了只读？

    我从同学那拷贝来一个数据库,在他那都可以用,可是当我附加到自己SQL Server上时,数据库显示为只读,我查看过数据库源文件所在的文件夹都正常!请高手指教!谢谢 ================== ...

  7. [Android] 【视频】黑马安卓62、66期等教程+源码

     下载地址:http://fu83.cn/thread-58-1-1.html

  8. GEOS库学习之五：与GDAL/OGR结合使用

    要学习GEOS库,肯定绕不开地理方面的东西.如果需要判断的两个多边形或几何图形,不是自己创建的,而是来自shapefile文件,那就得将GEOS库和GDAL/OGR库结合使用了.实际上只需要OGR就行 ...

  9. Qt中通过ui怎么引用不了pushbutton呢？ 原来是这样…

    在Qt中打开一个项目在做, 突然想到要测量一下其中一个子系统,于是在当前环境下新建了一个项目并用qt designer 简单设计了一下ui,其中添加了pushbutton并命名为OpensourceB ...

  10. java之Cookie详解

    Cookie是由服务器端生成,发送给User-Agent(一般是浏览器),浏览器会将Cookie的key/value保存到某个目录下的文本文件内,下次请求同一网站时就发送该Cookie给服务器(前提是 ...