zoukankan      html  css  js  c++  java
  • CSS中关于盒模型box-sizing的解释

    box-sizing: border-box(假设宽高都是100px, border是10px,padding是10px,那么你的总宽高就是100px,但是它包含了border和padding的10px,实际content大小是80px)

    box-sizing: content-box(假设宽高都是100px, border是10px,padding是10px,那么你的总宽高就是120px,但是它不包含border和padding的10px,实际content大小是100px)

    区别在于 

    1. border-box的总宽高是 content(80) + border(10) + padding(10) border-box的大小包含border和padding

    2. content-box的总宽高是 content(100) + border(10) + padding(10) content-box的大小不包含border和padding

    黄昏时拿你的肋骨酿酒,百年后醉的有血有肉。
  • 相关阅读:
    pe文件结构
    dll
    术语
    创建内存映射文件
    函数的调用约定
    串口
    linux 之 tcpdump
    linux 之程序管理
    perl 之eval
    2020-10-27_组合快捷键
  • 原文地址:https://www.cnblogs.com/wanan-happy/p/14596926.html
Copyright © 2011-2022 走看看