我的一些图片有问题。问题最初发生在我调整浏览器大小时,我的 Logo 将被切掉一半,因此您只能看到一半。当然,它简单得令人沮丧。我只需要删除 margin-left{ 负值;现在我在不使用上面的情况下将我的内容向左移动几个像素时遇到问题。我可以把它放在 JS fiddle 上,但我认为这不会有帮助,因为图像不会显示。我也不想使用任何定位。我想让它保持正常流动。
感谢任何帮助!
<div id="rainbow">
<img src="images/rainbow.png" alt="rainbow gradient">
</div>
<div id="header">
<p id="logo"><img src="images/logo.png" alt="Bethan Rainforth a comedic dancer" >
</p>
</div>
<div class="danceleft">
<img src="images/danceleft.png" alt="dancer to the left kicking">
</div>
如您所见,我仍然有 margin-left 但计划在我弄清楚如何将图像向左移动后将其删除
#rainbow img {
width: 149.2%;
margin-left: -190px;
margin-right: 20%;
}
#logo img {
width: 320px;
margin-top: -60px;
}
div.danceleft img {
width: 20%;
margin-bottom: -56%;
}
最佳答案
用于内嵌 img 显示
text-align:left
一般
float:left
position:relative, absolute, fixed
padding-left
关于html - 试图在不使用负边距的情况下将我的图像一直移动到左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31342806/