CSS如何控制DIV的位置?

来源：百度知道 编辑：UC知道 时间：2024/05/26 02:53:39
想详细了解下CSS如何控制DIV的位置,对CSS中的各个属性不是很了解,希望能给出一个示例页面
左侧一个窄栏,右侧宽栏,1024×768分辨率下满屏的两分栏示例页面,CSS中各个属性说明下具体用处,谢谢.

本问题将追加分数至200分(为了不断将问题提置顶,分数会分期追加,结贴前补齐200分,如果示例页面做的好另外再追加50分!)

<!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>test</title>
<style type="text/css">
<!--
html,body{ margin:0; height:100%}
#wrapper{ height:100%}
#leftbar{ float:left; width:30%; height:100%; background:#9C0}
#rightbar{ float:left; width:70%; height:100%; background: #0099CC}

-->
</style>
</head>

<body>
<div id="wrapper">
<div id="leftbar">左侧栏</