用CSS+DIV实现固定宽度的三列式分栏

发布网友发布时间：2022-04-06 12:57

共2个回答

热心网友时间：2022-04-06 14:26

帮你做了，很简单。把代码复制到记事本，把后缀名改为 ".htm"就可以看了。为了让你看的更清楚，我把每列加了颜色，（兼容Firefox，IE,等浏览器）
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<style type="text/css">
*{margin-right:auto;margin-left:auto;font-size:12px;}
#layer {height: auto;width: 760px;height:600px;}
#left {float: left;height: auto;width: 200px;height:600px;background-color:#DAF4FE;}
#conter {float: left;height: 600px;width: 460px;background-color:#FDF1C1;}
#right {float: left;height: 600px;width: 100px;}
#right {background-color: #DBFECF;}
body {margin-top: 0px;margin-bottom: 0px;}
</style>
</head>
<body>
<div id="layer">
<div id="left">宽度为200</div>
<div id="conter">宽度为460</div>
<div id="right">宽度为100</div>
</div>
</body>
</html>

热心网友时间：2022-04-06 15:44

帮你做了，很简单。把代码复制到记事本，把后缀名改为
".htm"就可以看了。
为了让你看的更清楚，我把每列加了颜色，（兼容Firefox，IE,等浏览器）
无标题文档
宽度为200
宽度为460
宽度为100