在CSS中怎么把三行div转成三列的排列。。。我的代码哪里出问题了，为什么。。
<div><divclass="left">text</div><divclass="middle">text</div><divclass="right">text</...
<div>
<div class="left">text</div>
<div class="middle">text</div>
<div class="right">text</div>
</div> .main{width:774px}
.left{ float:left;width:348px; }
.middle{ float:left;width:174px; }
.right{ float:right;width:252px; } 展开
<div class="left">text</div>
<div class="middle">text</div>
<div class="right">text</div>
</div> .main{width:774px}
.left{ float:left;width:348px; }
.middle{ float:left;width:174px; }
.right{ float:right;width:252px; } 展开
4个回答
展开全部
你的.main样式没添加到标签中。最后一个改成float:left也可。样式表中添加div{margin:0;}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
float:right: 改成 float:left, 还有在样式表里 left middle right 这些相关属性词最好不要出现.
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
原因很简单，你在main属性的width后面少了分号，好吧，我给你写一个吧，代码如下：
<style type="text/css">
.main{width:774px; height:80px;}
.left{width:348px; height:80px; float:left;}
.middle{ width:174px; height:80px; float:left;}
.right{width:252px; height:80px; float:left;}
</style>
</head>
<body>
<div class="main">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>
</div>
</body>
<style type="text/css">
.main{width:774px; height:80px;}
.left{width:348px; height:80px; float:left;}
.middle{ width:174px; height:80px; float:left;}
.right{width:252px; height:80px; float:left;}
</style>
</head>
<body>
<div class="main">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>
</div>
</body>
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
