html css 如何让中间的内容变大

Helloall 发布于 2014/07/15 23:28
阅读 440
收藏 0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style>
div#div1{ background-color:#00FF99; width:100%; height:25; text-align:center; color:#0000FF}
div#div2{background-color:#009999; width:25%; height:100%; color:#990000; float:left;}
div#div3{background-color:#3399FF; width:75%; height:80%; color:#FF6633; float:right;}
</style>
</head>
<body>
<div id="div1">
<h1>Hello World!</h1>
</div>
<div id="div2">
<h2>Menu</h2>
<ul>
<li>
Menu one
</li>
<li>
Menu two
</li>
<li>
Menu three
</li>
</ul>
</div>
<div id="div3">
<p>Welcome to my website!!</p>
</div>
</body>
</html>


我想让右边的内容 ,和左边的菜单高度一致,请问为什么不行,

加载中
0
l
liuruoxingchen
div#div2{background-color:#009999; width:25%; height:200px; color:#990000; float:left;}
div#div3{background-color:#3399FF; width:75%; height:200px; color:#FF6633; float:right;}
Helloall
Helloall
谢谢 ,原来是这样
返回顶部
顶部