html，宽度100％和填充

我有一个边距问题。我想要div元素中的图像。高度应该是图像，但宽度应该是父div减去填充。html，宽度100％和填充

<div class="inner"> 
     <img width="100%" src="http://pawelek-moj-aniolek.blog.onet.pl/wp-content/blogs.dir/505303/files/blog_bg_734362_1406866_tr_morze.jpg" alt="There is no image"/> 
</div>

和风格

.inner { 
     width: 100%; 
     height: 100%; 
     margin: 10px; 
     position: relative; 
    } 

.inner img { 
     width: 100%; 
    }

，问题是很容易看到的图像。

http://i59.tinypic.com/zn6mc2.png 我想有白色的地方10个像素周围的图像的每个侧面

来源

2014-08-27 Anotni We

我会用另一个div来包装形象，并给：

padding:10px;

保证金。

这里是一个演示：http://jsfiddle.net/f6jju2mn/

来源

2014-08-27 10:48:14

它的工作原理与我想要的完全一样。谢谢 – 2014-08-27 11:01:09

欢迎。很高兴我能帮上忙 – 2014-08-27 11:01:48

从inner类删除width:100%。像下面一样更新你的CSS。

.inner { 
    height: 100%; 
    margin: 10px; 
    position: relative; 
    }

DEMO

来源

2014-08-27 10:41:32

它工作正常，在右侧，但在顶部仍然是错误的。图片http://i60.tinypic.com/spdp4n.png – 2014-08-27 10:56:24

你检查了我的演示链接吗？它在这里工作正常。可能会覆盖其他一些样式。 – 2014-08-27 10:58:19

删除width:100%;为inner类

.inner { 

     height: 100%; 
     padding: 10px; 
     position: relative; 
    }

DEMO

来源

2014-08-27 10:47:59 next2u

html，宽度100％和填充

回答

相关问题