很简单，下面的代码运行一下就可以了 :)
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
<!--
.div1{ border:5px solid #3e02ff; float:left; height:100px; width:140px;}
.div2{ border:5px solid #3e02ff; border-left:0 none; float:left; height:100px; width:440px;}
-->
</style>
</head>
<body>
<div class="div1"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" alt="" /></div>
<div class="div2">这里是文字</div>
</body>
</html>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>example</title>
<style type="text/css">
<!--
.div1{ border:5px solid #3e02ff; float:left; height:100px; width:140px;}
.div2{ border:5px solid #3e02ff; border-left:0 none; float:left; height:100px; width:440px;}
-->
</style>
</head>
<body>
<div class="div1"><img src="https://gss0.bdstatic.com/70cFsjip0QIZ8tyhnq/img/logo-zhidao.gif" alt="" /></div>
<div class="div2">这里是文字</div>
</body>
</html>
温馨提示：答案为网友推荐，仅供参考
第1个回答 推荐于2018-02-28
3个div，两个在一个里面，一个靠左，另一个浮动，选好尺寸和颜色，就可以了追问
小弟就是不懂才问的。刚接触这玩意，能给个代码吗？
追答图片自己搞定
无标题文档
此处显示 class "left" 的内容
此处显示 class "right" 的内容
第2个回答 2018-02-27
先用一个大的div包裹，在大的div里设置两个小的div，然后用浮动排列
第3个回答 推荐于2016-06-15
<div style="float:left; width:100px; height:100px; border:2px solid #0000FF;"></div><div style="float:left; width:300px; height:100px; border-right:2px solid #0000FF; border-top:2px solid #0000FF; border-bottom:2px solid #0000FF;"></div>本回答被提问者采纳
相似回答