html - 试图在不使用负边距的情况下将我的图像一直移动到左侧

标签 html css

我的一些图片有问题。问题最初发生在我调整浏览器大小时,我的 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/

相关文章:

javascript - 在 Chrome 中加载时页面跳转

javascript - 如何从localStorage中读取json格式的数据

google-chrome - CSS 过渡、动画具有糟糕的性能、行为

css - 缩放元素以适合浏览器窗口

CSS child width 100% or px 问题

Javascript Iframe 没有正确计算高度

javascript - <p :commandButton> not getting scrolled along with the <p:scrollPanel>

html - 当容器边距都是相对的时,标题(背景)图像不会调整大小

html - DOM ID 中允许使用哪些字符?

javascript - 将 ID 选择器注入(inject)样式