我想将 logo.png 推到页面的三分之一处。当我创建较大的填充或边距时，尽管其他代码限制了图像大小，但图像会变大。
.header {
width: 200px;
height: 60px;
}
.class {
max-width:100%;
max-height:100%;
margin-left: 300px;
}
<body>
<div class="header">
<table>
<tr><td><img src="Logo.png" class="class"></td></tr>
</table>
</div>
</body>
有没有办法在保持图像大小不变的情况下将图像进一步水平移动？
最佳答案
问题如下:使用margin-left在 img 上td 内的标签你改变了 td 的宽度到 margin-left 的值(它只是适应它的 child 的大小)。为了保持比例，图像按比例放大。
由于表格单元格不遵守width并将基于 width 折叠整个 table , 您必须指定 width的 table设置限制 width或者切换到 <div>具有充分灵 active 的元素。
header width/height不限制 table 的宽度/高度，因为——正如我所说的——它适应了 child 的宽度/高度。所以内部元素(表格)更大，所以它溢出了他的父元素。
关于html - Margin 和 Padding 使图像变大，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/38407168/