嗨,我在使用 css 到 IE7 时遇到了一些问题
我想将一些文本并排放宽图像。 像这样: http://imageshack.us/photo/my-images/14/imgwx.png/
问题是在IE7中,文本显示在图像下方。
我有以下 HTML 代码:
<div id="imageArticle"><img="src/here.jpg"></div>
<div id="contentArticle">TEXT HERE </div>
#imageArticle {
float: right;
margin-bottom: 20px;
margin-left: 20px;
margin-top: 15px;
position: relative;
}
#contentArticle {
color: #333333;
font-size: 13px;
line-height: 17px;
margin-top: 90px;
padding-bottom: 20px;
position: relative;
width: 750px;
}
有什么疑问吗??谢谢
将图像插入 #contentArticle,然后将其向右浮动
正如我所反对的那样,你应该这样做:
<html>
<body>
<div style="width:200px">
<img class="myimage" src="test.jpg" width="90" height="90" style="float:right;"/>
blabla bla blalbalba
blabla bla blalbalba
blabla bla blalbalba
blabla bla blalbalba
blabla bla blalbalba
blabla bla blalbalba
blabla bla blalbalba
</div>
</body>
</html>
文本和图像并排
我已经在IE7上测试过它,它工作正常。