Question

html css如何实现如下图所示的效果

Answer 1

这个类似画中画广告效果.给你写个例子

<style type="text/css">
.ad{width:500px;height:auto;}
.img{display:inline;float:left;}
.img img{width:150px;height:150px;}
</style>
<div class="ad">
<p class="img"><img src="http://www.37s.net/templets/default/images/logo.gif" alt="" /></p>
<p>使用百度Hi可以第一时间收到“提问有新回答”“回答被采纳”“网友求助”的通知。查看详情
您想在自己的网站上展示百度“知道”上的问答吗？来获取免费代码吧！使用百度Hi可以第一时间收到“提问有新回答”“回答被采纳”“网友求助”的通知。查看详情
您想在自己的网站上展示百度“知道”上的问答吗？来获取免费代码吧！使用百度Hi可以第一时间收到“提问有新回答”“回答被采纳”“网友求助”的通知。查看详情
您想在自己的网站上展示百度“知道”上的问答吗？来获取免费代码吧！使用百度Hi可以第一时间收到“提问有新回答”“回答被采纳”“网友求助”的通知。查看详情
您想在自己的网站上展示百度“知道”上的问答吗？来获取免费代码吧！</p>
</div>

Answer 2

这个……
<div><img src="" class="c-show" alt="公司概况" /><p class="content">公司概况介绍部分文字内容</p></div>

css中代码
.c-show, p.content{float:left;}
即可
但为了图片下方文字更立正，可以把那段文字再装入一个p标签中

仍有疑问，站内消息