所以请原谅我，我是CSS的新手，这是我的第一个真正的项目，而且p被float:left略微偏离中心的问题img 1}}我的第二个<div>
<img id="fishnchips" src="image1.jpeg" alt="Fish n Chips">
<img id="chicken" src="Friedchickenredbasket.jpeg" alt="Chicken Basket">
</div>
<!--End of images-->
<div class="header-p">
<p>Coming Soon!</p>
</div>
</header>
<p><div id="address">123 Main St.</div></p>
的元素。
这是我的HTML
img我已经尝试将这两个图像单独包装在div中，但这并不起作用。我尝试将.header放在#fishnchips - p中。这也没有用。
评论的部分是我尝试的另一个修复，但也没有用。这是我能够让顶部图像#chicken位于左上角但左边缘有轻微填充的唯一方法，而其下方的图像float:left略高于顶部图像，也在左侧。我想要的是让段落居中，而不是让float:left稍稍偏离中心。
当我测试它时，如果我删除float:left，那么即将推出！＆＃34;并且地址都回到了正确的位置。但是，我还没有找到#fishnchips {
position: fixed;
top: 25px;
left: 25px;
right: 10px;
height: 20%;
float: left;
margin-left: 0px;
}
#chicken {
/* position: fixed;
top: 25px;
left: px;
right: 10px;
height: 40%;
float: left;
margin-left: 0px;*/
margin-top: 40px;
height: 10%;
width: 20%;
right: 0;
float: left;
clear: both;
display: inline-block;
}
.header-p {
font-family: 'Permanent Marker', cursive;
font-size: 50px;
text-align: center;
padding-top: .01 em;
}
#address {
color: #410101;
font-weight: 200;
font-size: 1.5em;
}
的替代品，只能使用css使图像保留在屏幕的左侧。
这是我的CSS：
cellStyle()答案 0 :(得分：0)
老实说，没有图像或正确的HTML标记，我可能会偏离目标，但这可能会满足您的需求。移除浮子，位置：固定。见jsfiddle
position:absolute;
答案 1 :(得分：0)
将overflow: auto添加到第一个DIV，使其围绕其浮动内容（即浮动图像）进行扩展。
所以在您的特定代码中
div:first-of-type { overflow: auto; }
但是，如果可能，您应该向DIV添加一个类以避免过于通用的选择器，并在上面的CSS规则的选择器中使用该类：
<div class="x1">
<img ...
[...]
和CSS
div.x1 { overflow: auto; }