本文共 596 字，大约阅读时间需要 1 分钟。

今日在百度贴吧中，一贴有提出如下问题：

对于这个问题，咱们贴上代码看效果

1: 

2: 

3:     
   

4:     

5:         #div1

6:         {

7:             margin: 0 auto;

8:             width: 300px;

9:             border: 1px solid black;

10:         }

11:         #div2

12:         {

13:             margin-top: 10%;

14:             margin-left: -30px;

15:             margin-right: -30px;

16:             margin-bottom: 10%;

17:             overflow: hidden;

18:         }

19:     

20: 

21: 

22: 
   

23:         
   

24:             

25:         

26: 

27: 

28: 

简单阐述; 图片放在子div中，而子div没有设置高宽，所以img的大小就撑起了子div的大小，margin值是根据父div及效果图来设置的。如果你有其他思路，欢迎交流

来源：