Javascript 我无法在html5/css3中100%制作div或任何图像

Javascript 我无法在html5/css3中100%制作div或任何图像,javascript,html,css,Javascript,Html,Css,早些时候它很好,但现在当我把宽度和高度放在100%时,它并没有真正显示100%,而是在所有的四个面上都有一个10像素的边距 这是我试过的 <html> <head> <style> .cont img { display: inline-block; width :100%; height : 100%; margin:0; padding:0;

早些时候它很好,但现在当我把宽度和高度放在100%时,它并没有真正显示100%,而是在所有的四个面上都有一个10像素的边距 这是我试过的

 <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%;
身高:100%;
保证金:0;
填充:0;
}    

我能做些什么使它在任何浏览器中都100%可用?

假设使用HTML

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

</div>
</body>

查看此代码,在body标签上设置
margin:0px

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

你好

问题不是100%清楚,但您是否在寻找类似的解决方案


你确定早些时候还不错吗

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

浏览器在所谓的用户代理样式表中定义默认样式。在这种情况下,白色边框是车身上的8px边距(即镀铬边距)

幸运的是,您可以轻松覆盖这些用户代理样式表,在本例中,您应该这样做

您可以向正文中添加边距:0,如上所述。 但是为了避免类似的“错误”,最好包含reset.css或normalize.css。这些文件“使浏览器按照现代标准一致地呈现所有元素”()。你不必自己写,其他人也为你写过,比如尼古拉斯·加拉赫:


在此处阅读有关用户代理样式表的更多信息:

100%
什么?迪夫?正文?请添加html和完整css以帮助您。请确保容器元素的
padding
设置为0。为什么不进一步解释一下您的解决方案?你怎么会把你的HTML放在那样的地方?它与这个问题有什么关系?我只是放了一个示例Html,因为这个问题中没有Htmlit@user3292299希望这个帮助是用你的html更新的。在perant元素即div元素上设置行高度:0
<html>
<body style="margin:0px; ">
<div style="background-color:red; width:100%;">
hello
</div>
</body>
</html>
.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;
}