在样式表中清除img的左/右

时间:2013-11-21 12:22:27

标签: css image stylesheet clear

我想知道我如何在一个div中以清晰的左/右方式制作图像?

PHP有图片和文字,图片必须有清晰的左/右才能让它看起来不错。不,我不能在PHP文件中这样做,已经问过我的老师:)

我的HTML看起来像这样:

<div class="four columns" id="weather">
    <h2>Text</h2>
   <?php include 'yr.php'; ?>
</div>

#weather.four.columns是正确的,我认为我可以用img#weather.four.columns解决问题,但没有。

#weather.four.columns {
    border-left:none;
    box-sizing:border-box;
    -moz-box-sizing:border-box;
    -webkit-box-sizing:border-box;
    border-right:1px solid #c4effe;
}

img#weather.four.columns {
    clear:both;

}

有什么建议吗?

2 个答案:

答案 0 :(得分:1)

尝试

#weather img
{
clear:both;
}

答案 1 :(得分:0)

更改

img#weather.four.columns {
    clear:both;
}

#weather img{ /*this line */
    clear:both;
}

您所做的就是尝试找到ID为weather的图片。您想要的是weather ID,以便在其中找到img标记。你只是倒退了:)