如何让两个div并排,并且div要看得见边框。如下图:
4个回答
展开全部
很简单,下面的代码运行一下就可以了 :)
<!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>
展开全部
3个div,两个在一个里面,一个靠左,另一个浮动,选好尺寸和颜色,就可以了
追问
小弟就是不懂才问的。刚接触这玩意,能给个代码吗?
追答
图片自己搞定
无标题文档
此处显示 class "left" 的内容
此处显示 class "right" 的内容
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
先用一个大的div包裹,在大的div里设置两个小的div,然后用浮动排列
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<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>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询