CSS 页面3栏结构的问题

2005-09-26 02:22:35 107 阅读 AI 写同款 · GEO 优化AI 选题数据监测一键分发 ›

Sqoop：环境搭建、实例及概念简介Sqoop是一个用于在外部结构化数据与Hadoop之间导入导出数据的工具。 Apache Sqoop is a tool designed for efficiently transferring bulk data between Apache Hadoop and structured datastores such as relational databases. Sqoop: 是一个阅读详情

问题：用CSS写的3栏结构，不知道什么原因，最右边一栏必须在左边中间拦显示的下方显示，也就是在左边中间栏显示完成后换行显示，不知道为什么定位的代码不发挥作用？
另，贴出所有代码，希望高手帮助优化
----------------------------------- Framework.css -----------------------------

BODY
{
MARGIN: 0px; LINE-HEIGHT: 12pt; FONT-FAMILY: Tahoma,Verdana, Helvetica, Arial, sans-serif
}

#TopMainTitle
{
margin-top:0px;
padding-top:0px;
height:45px;
top:0px;
width:100%;
background:#FFFFFF;
Font-size:4.5em;
text-align:center;
}

#TopMainMenuUp
{
background:#FF7300;
padding-left:16%;
padding-right:16%;
}

#TopMainMenuMiddle
{
background:#FFFFFF;
padding-left:16%;
padding-right:16%;
}

.clearLine {
CLEAR: both;
DISPLAY: block;
Font-size:.75em;
text-align:center;
}

#LeftSide
{
margin-left:0px;
width: 16%;
border-left: 1px #999 solid;
border-right:1px #999 solid;
padding-left:0px;
background:#FFFFFF;
float:left;
}

#RightSide
{
width:16%;
border-left:1px #999 solid;
float:left;
background:#8BD600;
padding-top:0px;
}

#Middle
{
float:left;
width:68%;
background:#FF3300
}

----------------------------------- Index.htm ------------------------------------
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
"http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>无标题文档</title>
<Link href="_CSS/framework.css" rel="stylesheet" type="text/css">
</link>
</head>

<body>
<div id = "TopMainTitle">BBBB</div>
<div id = "TopMainMenuUp">aaaa</div>
<div id = "TopMainMenuMiddle">
<div class="clearLine"> </div>
</div>

<div id = "LeftSide">
<div class="clearLine"> </div>
</div>
<div id = "Middle">
<div class="clearLine">
<p> </p>
<p> </p>
<p> </p>
<p> </p>
</div>
</div>
<div id = "RightSide">
<div class="clearLine"> </div>
</div>
</body>
</html>

-------------------------------------------------------------------------
希望广大网友为我提出优化此类代码更好的意见，谢谢

...全文