html css如何让div并排显示
这里每个框框都是个DIV，我想让右边的红框框和左边的黄框框达到这样的效果，该怎么办写？我试过那个float：left，那个小框框确实并列了，可是这个大红框框死活不和黄框框并列，这是怎么回事、。?
<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 { 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çæµ®å¨åç¶å ç´ ä¸åå ç´ ç宽度ï¼å°±ä¸ä¼åºç°è¢«è¿«æ¢è¡çæ åµã
温馨提示：内容为网友见解，仅供参考
第1个回答 推荐于2017-10-08
单独给红框和黄框设置 display:inline-block;
或者你给两个框设置了float:left，然后看看两个框的宽度，是不是设置的不对，如果两个框的宽度总和设置的大于外面的黑框，那么两个框也是无法并列的。本回答被提问者和网友采纳
或者你给两个框设置了float:left，然后看看两个框的宽度，是不是设置的不对，如果两个框的宽度总和设置的大于外面的黑框，那么两个框也是无法并列的。本回答被提问者和网友采纳
第2个回答 2015-09-28
1、第一种方法是采用浮动即float来让div层并排显示，注意要清除浮动。
2、使用绝对定位的方法让div层显示在你想要它所在的位置。
2、使用绝对定位的方法让div层显示在你想要它所在的位置。
第3个回答 2014-12-21
display:block;
相似回答
