首页 > 代码库 > 问题:贴友关于CSS效果的实现
问题:贴友关于CSS效果的实现
今日在百度贴吧中,一贴有提出如下问题:
对于这个问题,咱们贴上代码看效果
1: <html>
2: <head>
3: <meta http-equiv="content-type" content="text/html;charset=utf-8">
4: <style type="text/css">
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: </style>
20: </head>
21: <body>
22: <div id="div1">
23: <div id="div2">
24: <img src="http://www.mamicode.com/bei.jpg" alt="图片加载失败">
25: </div>
26: </div>
27: </body>
28: </html>
效果:
简单阐述; 图片放在子div中,而子div没有设置高宽,所以img的大小就撑起了子div的大小,margin值是根据父div及效果图来设置的。如果你有其他思路,欢迎交流
来源:http://www.ido321.com/457.html
问题:贴友关于CSS效果的实现
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。