会员
周边
众包
新闻
博问
闪存
所有博客
当前博客
我的博客
我的园子
账号设置
简洁模式
...
退出登录
注册
登录
代码改变世界
Cnblogs
Dashboard
Login
Home
Contact
Gallery
Subscribe
RSS
贪婪的小猪
css 一些 常用布局
2009-02-19 11:50
贪婪的小猪
阅读(
243
) 评论(
1
)
编辑
收藏
举报
div骨架
Code
<
div
id
="header"
>
ss
</
div
>
<
div
id
="container"
>
<
div
id
="content"
>
ss
</
div
>
<
div
id
="side"
>
ss
</
div
>
</
div
>
<
div
id
="pagefooter"
>
ss
</
div
>
css样式
1-2-1布局 绝对定位法
Code
<
style
>
div
{
}
{
border
:
solid 1px red
;
}
#header,#container,#pagefooter
{
}
{
margin
:
0 auto
;
width
:
760px
;
}
#container
{
}
{
position
:
relative
;
}
#content
{
}
{
position
:
absolute
;
top
:
0
;
left
:
0
;
width
:
500px
;
}
#side
{
}
{
margin
:
0 0 0 500px
;
}
</
style
>
1-2-1布局 浮动法
Code
<
style
>
div
{
}
{
border
:
solid 1px red
;
}
#header,#container,#pagefooter
{
}
{
margin
:
0 auto
;
width
:
760px
;
}
#content
{
}
{
float
:
left
;
width
:
498px
;
}
#side
{
}
{
float
:
left
;
width
:
258px
;
}
#pagefooter
{
}
{
clear
:
both
;
}
</
style
>
会员力量,点亮园子希望
刷新页面
返回顶部
About
js格式化工具
js格式化工具