滚动容器上下留白?

来源:1-1 CSS margin与容器的尺寸

星空下的小孩

2016-08-14 11:28

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

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

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

    </div>


写回答 关注

4回答

  • Herikutsu
    2016-08-30 20:44:27
    已采纳

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

    星空下的小孩

    原来是这样。谢谢你喽。

    2016-08-31 16:12:32

    共 1 条回复 >

  • 慕粉3809271
    2017-07-16 22:13:33

    请问,你写的这段代码有滚动条?

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

  • 慕用4949895
    2016-11-19 15:56:08

    http://img.mukewang.com/5830058b0001751703620409.jpg123


  • 伏羲蠡
    2016-08-14 12:17:27

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

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

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

        </div>


    星空下的小孩

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

    2016-08-14 16:40:58

    共 1 条回复 >

CSS深入理解之margin

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

55943 学习 · 66 问题

查看课程

相似问题