我不能使div或任何图像100％在html5/css3

早些时候它是好的，但现在当我把宽度和高度100％，它并不真正显示100％，而是在所有四面都有10px的边距这里是我试过我不能使div或任何图像100％在html5/css3

<html> 
    <head> 


    <style> 

    .cont img { 
     display: inline-block; 
     width :100%; 
     height : 100%; 
     margin:0; 
    padding:0; 



    }  


    </style> 




    </head> 
    <body> 
     <div class="cont"> 
    <img src="IMG_5913-2.jpg" class="imgmy" name="imgmy"> 

    </div> 
    </body> 
</html>

我能做些什么，使之100％，在任何浏览器？

来源

2015-06-03 Nigam Chavda

'100％'？ DIV？身体？ – Zee

请添加您的html和完整的css来帮助您。 –

确保您的容器元素具有“padding”设置为0. –

假设HTML

<body> 
<div class="cont"> 
<img src="IMG_5913-2.jpg" class="imgmy" name="imgmy"> 

</div> 
</body>

CSS

.cont img { 
    max-width: 100%; 
    max-height: 100%; 
}

来源

2015-06-03 06:46:23

为什么不请您再解释一下您的解决方案？你怎么这样把你的HTML？它与这个问题有什么关系？ –

我只是把样品HTML作为问题没有它的HTML –

我编辑了这个问题，请再次看到它 –

看看这段代码，在body标签设置margin:0px

<html> 
<body style="margin:0px; "> 
<div style="background-color:red; width:100%;"> 
hello 
</div> 
</body> 
</html>

来源

2015-06-03 06:48:33 shreyansh

问题是不是100％清楚，bu你是否在寻找像this这样的解决方案？

.container { 
    height:100%; 
    width: 100%; 
    border: 1px red solid; 
    margin:0; 
    padding:0; 
    line-height: 0; 
} 
.container .imgmy{ 
    height:100%; 
    width: 100%; 
    margin:0; 
    padding:0; 
}

来源

2015-06-03 07:40:51 gamini2006

我已编辑的问题，请再次看到它 –

我更新了你的HTML [这里]（https://jsfiddle.net/myL3v5f5/6/）。在perant元素即div元素上设置line-height：0 – gamini2006

你确定这是很好的前面？

图像周围的边距与图像本身无关。

浏览器在所谓的用户代理样式表中定义默认样式。在这种情况下，白色边框是身体上的8像素边距（即Chrome中的边距）。

幸运的是，您可以轻松地覆盖这些用户代理样式表，并且您应该在这种情况下。

您可以将margin：0添加到body，如上面Shreya所述。但是为了避免类似的'错误'，包含一个reset.css或normalize.css是一个好主意。这些文件“使浏览器能够始终如一地呈现所有元素并符合现代标准”（http://cdnjs.com/libraries/normalize）。你不必自己写一个，其他人已经这样做了你，像尼古拉斯·加拉格尔：http://necolas.github.io/normalize.css/

了解更多关于用户代理样式表的位置：什么What is user agent stylesheet

来源

2015-06-03 12:41:50

我不能使div或任何图像100％在html5/css3

回答

相关问题