好的,这就是 CSS,基本上我有两个段落,我只想在左边的段落下方放一张图片。它比右边的段落长,所以我认为这是影响它的原因。图片总是出现在右侧段落下方的右侧。有人可以帮忙吗?
body{
font-family: sans-serif;
margin:auto;
}
.p1 {
width: 425px;
float:left;
padding: 2px 2px 2px 2px;
border: 1px solid black;
border-radius:5px;
height:auto;
}
#dates img{
float: left;
}
.p2 {
width:405px;
float:right;
padding: 2px 2px 2px 2px;
border: 1px solid black;
border-radius: 5px;
}
.content {
width:850px;
text-align:center;
margin:auto;
}
h1 {
text-align:center;
margin-bottom:0px;
}
h3 {
text-align:center;
margin-top:0px;
}
最佳答案
您需要将 clear: both;
添加到 #dates img
样式。
这是一个有效的 fiddle .
关于html - 图片不会移至 float 段落下方的左侧,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20821642/