zoukankan      html  css  js  c++  java
  • 标准模式 怪异模式 盒模型 doctype

    在页面顶部设置 doctype是为了统一标准

    浏览器有标准模式和怪异模式

    而这两种模式最大区别就是 盒模型的解析不同

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

    图片摘自网络

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

    比如IE width=100px padding=20px; 那ie的width在网页里面还是显示为:100px; padding的20px。是包含在100px里面。也就是说这时content 是80px;

    而标准width=100px就是content=100px padding=20px。标准的padding把内容撑开了

    换句话说,ie下宽度还是自身宽度,padding在这个宽度里面。展现还是自身的宽度

    标准时padding把设置的宽度撑破了

    IE6 盒子模型中,盒子的尺寸包含了 内容区,padding, border 和 margin 这四个部分,而 W3C 的盒子模型中,盒子的尺寸只包含内容区,padding,border 和 margin 被排除在盒子尺寸之外。

    说来说去就是一句话:加上doctype声明,让浏览器使用标准模式

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

    部分信息 参考网络资料

  • 相关阅读:
    Python连接MySQL
    Python监控文件夹 && 发送邮件
    CentOS安装Redis
    weak_ptr
    libevent(六)http server
    libevent(五)使用例子
    laravel查询数据库获取结果如何判断是否为空?
    centos7 php-fpm 开机启动
    centos7 防火墙
    Laravel
  • 原文地址:https://www.cnblogs.com/leshao/p/4691706.html
Copyright © 2011-2022 走看看