为了账号安全,请及时绑定邮箱和手机立即绑定

DIV这种情况下为何被撑大

DIV这种情况下为何被撑大

呼唤远方 2019-03-15 18:19:02
DIV被撑大,没有设定margin,子元素有margin,本来设定的40PX变成了43,标题栏的高度是40PX却是灰色的,标题栏是一个DIV然后里面有歌曲名,歌手名是一个span有margin:5,下角标是一个span`#musicDetails .detail_tile {            width: 100%;            height: 40px;            background: rgba(41, 171, 266, 0.6);            font-size: 20px;            line-height: 40px;            text-align: center;            color: white;        }        #musicDetails .detail_tile span {            font-size: 12px;            margin: 5px;        }        #musicDetails .detail_tile .details_tip {            width: 19px;            height: 10px;            background: url(img/details_arrow.png) no-repeat;            background-size: cover;            position: absolute;            right: 20px;            top: 15px;        }
查看完整描述

5 回答

?
江户川乱折腾

TA贡献1851条经验 获得超5个赞

可以不在父元素下写line-height:40px;和height:40px;

用子元素去撑开父元素


 #musicDetails .detail_tile .details_name{

           

            line-height: 40px;

            height: 40px;

           

        }


查看完整回答
反对 回复 2019-04-14
?
肥皂起泡泡

TA贡献1829条经验 获得超6个赞

默认有3px,有设置margin:0;padding:0;吗


查看完整回答
反对 回复 2019-04-14
?
慕村225694

TA贡献1880条经验 获得超4个赞

https://img1.sycdn.imooc.com//5cb2dfbd0001019a03960800.jpg

往下拉可以看到这个盒子的各种边距以及设定的宽高
切换成Computed可以看该盒子最终的样式(css样式之间存在覆盖现象,Computed选项卡看到的样式才是实际显示所使用的样式)

查看完整回答
反对 回复 2019-04-14
?
慕盖茨4494581

TA贡献1850条经验 获得超11个赞

是不是设置border了


查看完整回答
反对 回复 2019-04-14
  • 5 回答
  • 0 关注
  • 958 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号