怎样使3个DIV水平排列,css怎么写呢？我搞来搞去它们都是垂直排列的
左中右这样水平排列代码如下啊：<divclass="zuo"></div><divclass="zhong"></div><divclass="you"></div>我知...
左中右这样水平排列
代码如下啊：
<div class="zuo"></div>
<div class="zhong"></div>
<div class="you"></div>
我知道相对定位，绝对定位，可就是写出来不对头，麻烦高手直接写出代码吧
谢谢了！ 展开
代码如下啊：
<div class="zuo"></div>
<div class="zhong"></div>
<div class="you"></div>
我知道相对定位，绝对定位，可就是写出来不对头，麻烦高手直接写出代码吧
谢谢了！ 展开
4个回答
展开全部
<style type="text/css">
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.leftcol,.rightcol{width:300px;height:400px;}
.main{height:400px;background-color:blue;}
.leftcol{background-color:green;}
.rightcol{background-color:yellow;}
.content{width:900px;margin:10px auto;}
.cl{clear:both;}
</style>
<div class="content">
<div class="fl leftcol">左边的内容</div>
<div class="fr rightcol">右边的内容</div>
<div class="main">主要内容</div>
<div class="cl"></div>
</div>
.fl{float:left;display:inline;}
.fr{float:right;display:inline;}
.leftcol,.rightcol{width:300px;height:400px;}
.main{height:400px;background-color:blue;}
.leftcol{background-color:green;}
.rightcol{background-color:yellow;}
.content{width:900px;margin:10px auto;}
.cl{clear:both;}
</style>
<div class="content">
<div class="fl leftcol">左边的内容</div>
<div class="fr rightcol">右边的内容</div>
<div class="main">主要内容</div>
<div class="cl"></div>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<head>
<style>
.zuo,.zhong,.you{ width:100px; height:30px; background:#000; float:left;}
</style>
</head>
<body>
<div class="zuo"></div>
<div class="zhong"></div>
<div class="you"></div>
</body>
套到你页面试试，希望能帮到你
<style>
.zuo,.zhong,.you{ width:100px; height:30px; background:#000; float:left;}
</style>
</head>
<body>
<div class="zuo"></div>
<div class="zhong"></div>
<div class="you"></div>
</body>
套到你页面试试，希望能帮到你
追问
不行，做了测试,三个块重叠在一起
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
给每个 加一个宽度，然后在设定一个浮动
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
可以用绝对布局~把div定死在浏览器上
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
