html布局,下面怎么使两个div在同一行显示?
<body><style>bodymargin:0;padding:0;}.left{float:left;width:184px;border:1pxsolid#000...
<body>
<style>
body margin:0;padding :0;}
.left{float:left; width:184px; border:1px solid #000;}
.right{ float:right; width:500px; border:1px solid #ff7700}
.layout{width:1000px;border :1px solid #000; }
</style>
<h3>第一种</h3>
<div class="layout">
<div class="left">左边</div>
<div class="right">右边</div>
</div>
<!--layout end--> 展开
<style>
body margin:0;padding :0;}
.left{float:left; width:184px; border:1px solid #000;}
.right{ float:right; width:500px; border:1px solid #ff7700}
.layout{width:1000px;border :1px solid #000; }
</style>
<h3>第一种</h3>
<div class="layout">
<div class="left">左边</div>
<div class="right">右边</div>
</div>
<!--layout end--> 展开
展开全部
实现两个DIV盒子并排,一行只显示两列DIV布局,使用width宽度+float浮动即可实现一行显示两列DIV布局。
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>两个DIV并排</title>
<style>
.div-a{ float:left;width:49%;border:1px solid #F00}
.div-b{ float:left;width:49%;border:1px solid #000}
</style>
</head>
<body>
<div class="div-a">第一个DIV盒子</div>
<div class="div-b">第二个DIV盒子</div>
</body>
</html>
展开全部
你知道为什么 你的代码没法实现吗?
1,body margin:0;padding :0;} → body { margin:0;padding :0;} 少了个中括号
2, .left{float:left; width:184px; border:1px solid #000;} → float:left; 的分号
是半角的字符这个 float:left;
细节要注意了
1,body margin:0;padding :0;} → body { margin:0;padding :0;} 少了个中括号
2, .left{float:left; width:184px; border:1px solid #000;} → float:left; 的分号
是半角的字符这个 float:left;
细节要注意了
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询