html中div标签怎么用？_随笔

div现在一般网页的布局都是使用的div+css来布局，div的话，就是通过。

<div>

</div>

div的嵌套使用来完成整个网页的布局，你可以将div理解成一个一个的块，然后在div块中写入P等等标签，然后再通过CSS来修饰就行了，如高度，宽度，背景。

<div style="background:#f60"><span>usemen:</span><input type="text" style="border:1px solid #cccwidth:200pxheight:20px" ></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>

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

html中div标签怎么用？