您的位置：程序门 -> web 开发 -> html（css)

div显示问题?

[收藏此页] [打印本页]选择字色：背景色：字体：[大][中][小]

div显示问题?

发表于：2007-07-24 16:53:37 楼主

我写了三个div来控制一个页面的布局,但是显示的时候没有显示出div的效果.
代码如下:

.leftside{
margin-left:0px;
width:216px;
border-width:1px;
border-style:solid;
float: left;
width: 216px;

}
.mainbody{
position:absolute;
top:0px;
left:218px;
width:428px;
border-width:thick;
border-color:red;
border-style:solid;
height: 100%;
}
.rightside{
position:absolute;
top:0px;
left:646px;
width:226px;
border-width:1px;
border-style:solid;
border-color:red;
}

在html中如下:
<body>
<div id=leftside> </div>
<div id=mainbody> </div>
<div id=rightside> </div>

</body>

发表于：2007-07-24 17:03:101楼得分:0

....
注意id和class区别
# 和 .

发表于：2007-07-24 17:03:502楼得分:0

明显，你还没弄清楚id和class的区别

发表于：2007-07-24 17:06:583楼得分:0

<!doctype html public "-//w3c//dtd html 4.0 transitional//en ">
<html>
<head>
<title> new document </title>
<meta name= "generator " content= "editplus ">
<meta name= "author " content= " ">
<meta name= "keywords " content= " ">
<meta name= "description " content= " ">
<style>
#leftside{
margin-left:0px;
width:216px;
border-width:1px;
border-style:solid;
float: left;
width: 216px;

}
#mainbody{
position:absolute;
top:0px;
left:218px;
width:428px;
border-width:thick;
border-color:red;
border-style:solid;
height: 100%;
}
#rightside{
position:absolute;
top:0px;
left:646px;
width:226px;
border-width:1px;
border-style:solid;
border-color:red;
}
</style>
</head>

<body>
<div id=leftside> </div>
<div id=mainbody> </div>
<div id=rightside> </div>
</body>
</html>

发表于：2007-07-24 17:10:204楼得分:0

呵呵

发表于：2007-07-24 22:45:165楼得分:0

# 还有用不着什么 "left ",三个div 的float:left,在用margin来控制间隔就可以了。

下一篇：关于url的网页跳转问题，高手过来帮忙拉，想了好久想不通，新手问~
上一篇：页面缓存问题

其他资讯