zoukankan      html  css  js  c++  java
  • w3c标准盒模型与IE传统模型的区别

     一、盒子模型(box model)

    在HTML文档中的每个元素被描绘为矩形盒子。确定其大小,属性——比如颜色、背景、边框,及其位置是渲染引擎的目标。

    CSS下这些矩形盒子由标准盒模型描述。这个模型描述元素内容占用空间。盒子有四个边界:外边距边界margin edge边框边界border edge内边距边界padding edge 与 内容边界content edge

    盒模型的计算有两种:w3c标准盒模型IE传统盒模型

    w3c标准盒模型主要由:magin + border + padding + content(他不包含其他部分)
    IE盒子模型主要由:magin +  content(他里面包含了border和padding)
    为了能更清楚的了解这其中的差异,举个简单的例子:

    //举个例子:
    div{100px;height:100px;padding:10px;border:5px;magin:30px}
    
    //在标准盒模型下面:
    //div元素空间尺寸为:100+10*2+10*2+30*2 = 200px
    //div元素大小为:100+10*2+10*2 = 140px;
    
    //在IE盒模型下面:
    //div元素空间尺寸:100+30*2 = 160px;
    //div元素大小: 100px;
  • 相关阅读:
    git 常用命令
    svn常用命令
    mysql的bin或者sbin目录可执行文件
    SQL 函数
    SQL 通配符
    从一个Activity打开另外一个Activity
    断点下载数据
    多线程下载文件
    向服务器发送post请求
    android 查看网络图片
  • 原文地址:https://www.cnblogs.com/jogen/p/5211671.html
Copyright © 2011-2022 走看看