                        课程
                    
                        /前端开发
                        
                            /HTML/CSS
                        
                        /CSS深入理解之margin

滚动容器上下留白？

实现这个效果直接容器内的内容padding就可以啦

<div class="box" style="height:100px;background-color:#eee;">

<img src="01.jpg" alt="" style="height:300px; padding:50px 0;" />

</div>

星空下的小孩

2016-08-14

源自：CSS深入理解之margin 1-1

关注问题我要回答

1923

操作

收起

4 回答

Herikutsu 回答被采纳 +3 积分
2016-08-30

老师说的是div的padding，内部设置padding肯定可以啊

0 回复有任何疑惑可以回复我~

#1

星空下的小孩提问者

原来是这样。谢谢你喽。

2016-08-31 回复有任何疑惑可以回复我~

慕粉3809271
2017-07-16

请问，你写的这段代码有滚动条？

我和你代码一样为啥没滚动条呢？难道是图片的问题？

0 回复有任何疑惑可以回复我~

慕用4949895
2016-11-19

123

0 回复有任何疑惑可以回复我~

伏羲蠡
2016-08-14

如果用padding的话，在某些浏览器的下方不会有留白

<div class="box" style="height:100px;background-color:#eee;">

<img src="01.jpg" alt="" style="height:300px; margin:50px 0;" />

</div>

0 回复有任何疑惑可以回复我~

#1

星空下的小孩提问者

可是谷歌，火狐和IE都可以啊

2016-08-14 回复有任何疑惑可以回复我~

举报

0/150

提交

取消

CSS深入理解之margin

参与学习 55943 人
解答问题 66 个

本CSS教程带你深入讲解CSS的margin属性，解决你多年困惑

本课相似问答

1 回答没有听明白滚动容器上下留白

2 回答关于margin-bottom实现下方留白的效果

2 回答我想用一个div容器来限定图片的大小，怎么实现

2 回答padding实现白眼效果

4 回答div 左浮动已经占满整行的情况下，图片为何还能浮动在同一行

搜索更多本课相关问答

滚动容器上下留白？

我要回答关注问题

意见反馈帮助中心 APP下载