html布局，下面怎么使两个div在同一行显示？_随笔

实现两个DIV盒子并排，一行只显示两列DIV布局，使用width宽度+float浮动即可实现一行显示两列DIV布局。

<!DOCTYPE html>

<html>

<head>

<title>两个DIV并排</title>

<style>

.div-a{ float:leftwidth:49%border:1px solid #F00}

.div-b{ float:leftwidth:49%border:1px solid #000}

</style>

</head>

<body>

<div class="div-a">第一个DIV盒子</div>

<div class="div-b">第二个DIV盒子</div>

</body>

</html>

把图片调小,然后设置:

background-repeat: repeat

或者直接在css里设置背景图的大小:

background-size:50%

这样背景图片就可以排成两列了

下面是需要的两行两列表格代码

<html>

<head>

<title>两行两列的表格</title>

</head>

<body>

<tr>

</tr>

<tr>

</tr>

</table>

欢迎分享，转载请注明来源：内存溢出

html布局，下面怎么使两个div在同一行显示？