在div容器内放置两个div？

本文介绍了在div容器内放置两个div？的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！ 问题描述

我怎么能并排放置两个div？

左边div必须对齐顶部，左边第二个顶部，右边。 两者必须在容器内并且尊重自动增长......

谢谢。

.devCtrl，＃leftcolumn，＃rightcolumn { background： rgba（255,255,255，.3）; border-color：rgba（255,255,255，.6）; border-style：solid; border-width：1px; -moz-border-radius：5px; -webkit-border-radius：5px; border-radius：5px; } #leftcolumn { display：inline; min-height：400px; float：left; width：440px; } #rightcolumn { width：440px; min-height：400px; float：right;

解决方案

/

#containerDiv { overflow：hidden; margin-top：7px; margin-left：7px; margin-right：7px; }

/ Div的共享规则 /

.container，＃leftDiv，＃rightDiv { background：rgba（255,255,255，.3）; border-color：rgba（255,255,255，.6）; border-style：solid; border-width：1px; -moz-border-radius：5px; -webkit-border-radius：5px; border-radius：5px; width：414px; $ / code>

/ *所有表格* /

.container td { padding-right：10px; text-align：justify; }

/ leftDiv特定信息 /

#leftDiv { float：left; padding：10px; }

/ rightDiv特定信息 /

#rightDiv { float：right; padding：10px; }

How can I put two divs side by side?

The left div has to be aligned top, left The second top, right. Both has to be "inside" the container and respect auto-growth...

Thanks.

this is what I've done:

.devCtrl,#leftcolumn,#rightcolumn { background: rgba(255, 255, 255, .3); border-color: rgba(255, 255, 255, .6); border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #leftcolumn { display:inline; min-height: 400px; float: left; width: 440px; } #rightcolumn { width: 440px; min-height: 400px; float: right; }

解决方案

/Div container/

#containerDiv { overflow: hidden; margin-top: 7px; margin-left: 7px; margin-right: 7px; }

/Div's shared rules/

.container,#leftDiv,#rightDiv { background: rgba(255, 255, 255, .3); border-color: rgba(255, 255, 255, .6); border-style: solid; border-width: 1px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; width: 414px; }

/*All tables */

.container td { padding-right: 10px; text-align: justify; }

/leftDiv specific info/

#leftDiv { float: left; padding: 10px; }

/rightDiv specific info/

#rightDiv { float: right; padding: 10px; }