提供一则divcss的网页布局代码

提供一则divcss的网页布局代码

ID:8837932

大小:37.00 KB

页数:3页

时间:2018-04-09

提供一则divcss的网页布局代码_第1页
提供一则divcss的网页布局代码_第2页
提供一则divcss的网页布局代码_第3页
资源描述:

《提供一则divcss的网页布局代码》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库

1、单行一列以下是引用片段:body{margin:0px;padding:0px;text-align:center;} #content{margin-left:auto;margin-right:auto;width:400px;width:370px;}两行一列以下是引用片段:body{margin:0px;padding:0px;text-align:center;}  #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{margin

2、-left:auto;margin-right:auto;width:400px;width:370px;}三行一列以下是引用片段:body{margin:0px;padding:0px;text-align:center;} #content-top{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-mid{margin-left:auto;margin-right:auto;width:400px;width:370px;} #content-end{margin-l

3、eft:auto;margin-right:auto;width:400px;width:370px;}单行两列以下是引用片段:#bodycenter{width:700px;margin-right:auto;margin-left:auto;overflow:auto;} #bodycenter#dv1{float:left;width:280px;} #bodycenter#dv2{float:right;width:410px;}两行两列以下是引用片段:#header{width:700px;margin-right:auto;margin-left:

4、auto;overflow:auto;} #bodycenter{width:700px;margin-right:auto;margin-left:auto;overflow:auto;} #bodycenter#dv1{float:left;width:280px;} #bodycenter#dv2{float:right;width:410px;}三行两列以下是引用片段:#header{width:700px;margin-right:auto;margin-left:auto;} #bodycenter{width:700px;margin-right

5、:auto;margin-left:auto;} #bodycenter#dv1{float:left;width:280px;} #bodycenter#dv2{float:right;width:410px;} #footer{width:700px;margin-right:auto;margin-left:auto;overflow:auto;}单行三列绝对定位以下是引用片段:#left{position:absolute;top:0px;left:0px;width:120px;} #middle{margin:20px190px20px190px;

6、} #right{position:absolute;top:0px;right:0px;width:120px;}float定位一xhtml:以下是引用片段:  这里是第一列

 这里是第二列
 
 
 这里是第三列  CSS:以下是引用片段:#wrap{

7、width:100%;height:auto;} #column{float:left;width:60%;} #column1{float:left;width:30%;} #column2{float:right;width:30%;} #column3{float:right;width:40%;} .clear{clear:both;}float定位二xhtml:以下是引用片段: 

Thisisthemaincontent.

  

8、"column"> 

Thisi

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。