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％和填充

回答

相關問題