html css如何让div并排显示
这里每个框框都是个DIV，我想让右边的红框框和左边的黄框框达到这样的效果，该怎么办写？我试过那个float：left，那个小框框确实并列了，可是这个大红框框死活不和黄框框...
这里每个框框都是个DIV，我想让右边的红框框和左边的黄框框达到这样的效果，该怎么办写？我试过那个float：left，那个小框框确实并列了，可是这个大红框框死活不和黄框框并列，这是怎么回事、。?
展开
4个回答
展开全部
<style>
.cheshi1 { width:500px; height:100px; float:left;}
.cheshi2 { width:600px; height:100px; float:left;}
</style>
<body style=" width:1000px; height:400px;">
<div class="cheshi1">111111111</div>
<div class="cheshi1">1111111</div>
<div class="cheshi2">222222222</div>
<div class="cheshi2">22222222</div>
</body>
以上代码为例,cheshi1 控制的div 就可以并排显示， cheshi2的div 不能并排显示，只能换行显示。
float:left; 定义div 的浮动，当这两个或者更多的div 都是float:left;时，那么它们就会在父元素的框内顺序从左到右排列，而当它们的宽度和大于父元素的宽度时，那么多余出来的div 会被挤换行。
cheshi2就是明显被挤换行的例子。
定义div 的浮动有很多，大多用float:left;（向左）或者float:right;（向右）只要控制好div的浮动和父元素与子元素的宽度，就不会出现被迫换行的情况。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
单独给红框和黄框设置 display:inline-block;
或者你给两个框设置了float:left，然后看看两个框的宽度，是不是设置的不对，如果两个框的宽度总和设置的大于外面的黑框，那么两个框也是无法并列的。
或者你给两个框设置了float:left，然后看看两个框的宽度，是不是设置的不对，如果两个框的宽度总和设置的大于外面的黑框，那么两个框也是无法并列的。
本回答被提问者和网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
1、第一种方法是采用浮动即float来让div层并排显示，注意要清除浮动。
2、使用绝对定位的方法让div层显示在你想要它所在的位置。
2、使用绝对定位的方法让div层显示在你想要它所在的位置。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
display:block;
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
