<!DOCTYPE html>
Title
<br> #one{ border: blue solid 1px;width: 200px;height: 150px; }<br> #two{ border: greenyellow solid 1px;width: 200px;height: 150px; }<br> div{ display: inline-block; }</p> <pre><code></style> </code></pre> <p></head><br> <body><br> <div id="one"> </div><br> <div id="two" >123</div></p> <p></body><br> </html></p>
1、两个块级元素都进行浮动。
2、两个块级元素都设置为display:inline-block行内块。
3、进行flex布局。
4、两个块级元素同时进行绝对定位，定位到同一高度。
也可以用表格布局。table。
一楼精髓！基本解决行内元素和块级元素就那几个解决方案了
一楼，包含了基本所有的解决办法