html - 图片不会在 float 段落的左侧

好的，这是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/