HTML之前端操作div标签布局
事例图片：
div元素是用于分组HTML元素的块级元素
上图代码示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="container" style=" 500px">
<div >
<h2 style="margin-bottom: 0;">王浩</h2>
</div>
<div class="menu" style="background-color: cornflowerblue;height: 200px; 100px;float:left">
<b>菜单</b><br>
<p>HTML</p>
<P>CSS</P>
<P>Javascript</P>
</div>
<div class="content" style="background-color: yellow;height: 200px; 400px;float: left">
内容部分
</div>
<div class="footer" style="background-color: cadetblue;clear: both;text-align: center">
版权@wanghaohao.com
</div>
</div>
</body>
</html>
cloudyarn(k_push)
Eye sketch
Candy Treasure Box
Active Ball
Lotus words
Super Fish
[POJ2436] Disease Management
[bzoj3376] Cube Stacking 方块游戏
[POJ3009] Curling 2.0
走看看 - 开发者的网上家园
div元素是用于分组HTML元素的块级元素
上图代码示例如下：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<div class="container" style=" 500px">
<div >
<h2 style="margin-bottom: 0;">王浩</h2>
</div>
<div class="menu" style="background-color: cornflowerblue;height: 200px; 100px;float:left">
<b>菜单</b><br>
<p>HTML</p>
<P>CSS</P>
<P>Javascript</P>
</div>
<div class="content" style="background-color: yellow;height: 200px; 400px;float: left">
内容部分
</div>
<div class="footer" style="background-color: cadetblue;clear: both;text-align: center">
版权@wanghaohao.com
</div>
</div>
</body>
</html>