CSS code:
body {
}
#x
{
width:1024px;
height:768%;
background-color:Red;
position:relative;
}
#x.top
{ position:absolute;
width:800px;
height:100px;
top:0px;
}
#.left
{ position:absolute;
width:198px;
height:17px;
float:left;
top:100px;
font-family:华文新魏;
background-color:Red;
left:0px;
}
#x.right
{ position:absolute;
width:198px;
height:60%;
float:right;
top:100px;
font-family:@华文新魏;
background-color:Red;
right:0px;
}
#x.end
{ position:absolute;
width:1024px;
height:30px;
bottom:0px;
font-family:仿宋_GB2312;
background-color:Yellow;
}
不知道大家能否看的懂我的样式，新手，嘿嘿，
我就是想实现一个效果，我定义四个层，上 top 中间的左（left） 右（right） 底部的end
想要的效果是顶部的层剧中，然后左边的层是浮动在#x这个范围内的最左边，right浮动在#x的最右边，底部就不用说了，紧挨着页面最下边，但是实现不了，有没高手帮忙看下，到底代码是哪里出错了，
#x里边的长度哪里错了，应该是height：768px；
top:100px;
改下看行不
哥，哪里top：100px；
自己顶下。。。。。。。。。。狂汗。。。。
呵呵，很明显的地方
你中间两个层用的是绝对定位,float:XX就失效了
都绝对定位了还怎么可能浮动?
你应该把X层的padding-top: 设置为top层的height
的�
HTML code:
<div style="width:200px; border:1px #CCC solid; height:160px;">
<div style="width:100%; z-index:1000; border:1px #F00 solid; height:50px;">
< ......
