4个回答
展开全部
都用float:left就行，然后因为你的border宽度是1px，所以都用50%是会被挤下来的。
下面一个小例子，看能不能给你一点帮助：
<html>
<head>
<style>
.div-col
{
float:left;
width:24%;
height:400px;
border:1px solid red;
margin-left:4px;
}
</style>
</head>
<body>
<div class='div-col'> </div>
<div class='div-col'> </div>
<div class='div-col'> </div>
<div class='div-col'> </div>
</body>
</html>
效果如图：
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用3.0的column属性即可设置
div
{
columns:100px 3;
-moz-columns:100px 3; /* Firefox */
-webkit-columns:100px 3; /* Safari 和 Chrome */
}
div
{
columns:100px 3;
-moz-columns:100px 3; /* Firefox */
-webkit-columns:100px 3; /* Safari 和 Chrome */
}
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<style>
.bingpai{float:left;width:50px;height:20px;border:1px solid #000;}//float:left左浮动
</style>
//示例一
<div class="bingpai"></div>
<div class="bingpai"></div>
//示例二
<div class="bingpai">
<ul>
<li class="bingpai"></li>
<li class="bingpai"></li>
</ul>
</div>
.bingpai{float:left;width:50px;height:20px;border:1px solid #000;}//float:left左浮动
</style>
//示例一
<div class="bingpai"></div>
<div class="bingpai"></div>
//示例二
<div class="bingpai">
<ul>
<li class="bingpai"></li>
<li class="bingpai"></li>
</ul>
</div>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
50%+50%已经等于100%，在加上4个边框怎么可能并排显示啊！
追问
你没读懂我的意思，我说的是要两个框。但总是变成一上一下，不能在同一行显示。
追答
我知道你的意思
你把宽度改小点
改成40%
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
