栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 软件开发 > Web开发 > Html/CSS > CSS教程

div盒子究竟占多大面积实际的宽度高度如何计算

CSS教程 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力
div:width---300px,height---300px,border---50px,padding---50px,margin---50px

实际的宽度是:300(width)+50(padding-left)+50(padding-right)+50(border-left)+50(border-right)+50(margin-left)+50(margin-right);

实际高度:300(height)+50(padding-top)+50(padding-bottom)+50(border-top)+50(border-bottom)+50(margin-top)+50(margin-bottom);

文字部分是width*height,文字部分外蓝色部分是padding,红色部分是border,margin部分在图中没显示。

 

上边示例的代码:

复制代码代码如下:




盒子实际占多大面积

#container{
width:300px;
height:300px;
background-color:#0066FF;
border:#FF0000 50px solid;
padding:50px;
margin:50px;
}




通过微信投注的双色球号码中得500万元大奖,开奖后却被告知投注失败已经退款,这是广州市民李先生近日的惨痛经历。近年开通彩票投注的网站及手机客户端如雨后春笋,吸引众多市民购买,不过网上买彩票究竟靠不靠谱?中了大奖真能拿到钱吗?就此,广东省福彩中心有关负责人接受记者采访时表示,目前尚未有任何一个单位获批开展福利彩票互联网销售业务,目前所有网络销售福利彩票均属违规,彩民千万不要参与投注,以免造成财产损失。



转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/216750.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号