css盒子模型尺寸如何计算


本文摘自PHP中文网,作者青灯夜游,侵删。

标准盒子模型的尺寸为:“内容的宽高+两侧内边距padding的大小+两侧边框border的大小”;而IE盒子模型的尺寸直接就为:“内容的宽高”,盒子设置的宽/高属性就是盒子自身的整体尺寸,如果带有内边距或边框,则通过缩小内容区域来实现。

本教程操作环境:windows7系统、css3版本,该方法适用于所有品牌电脑。

(推荐教程:CSS视频教程)

盒子模型(Box Modle)可以用来对元素进行布局,包括实际内容(content)、内边距(padding)、边框(border)与外边距(margin)这几个部分。

一、盒模型的分类

盒子模型分为两种:ie盒子模型(怪异盒模型)和标准w3c盒模型。

阅读剩余部分

相关阅读 >>

css中relative的用法是什么

怎样在css里更改字体大小

html css js是什么?

none在css中表示什么意思

css text-decoration-style属性怎么用

css如何选取第几个元素

怎样用css3制作登录框

css高度设置百分比不生效怎么办

jquery实现带弹窗和次数的转盘抽奖(代码)

css上边距怎么写

更多相关阅读请进入《css》频道 >>




打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,您说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

分享从这里开始,精彩与您同在

评论

管理员已关闭评论功能...

    正在狠努力加载,请稍候...