正文描述:《divcss最常用的网页布局代码》由会员上传分享,免费在线阅读,更多相关内容在应用文档-天天文库。
1、divcss布局不同于table布局,它主要是按列来计算,而table是嵌套实现。这里列举了最常见的几种布局代码:单行一列以下是引用片段: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;wid
2、th:400px;width:370px;}#content-end{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-mid{margin-left:auto;margin-right:auto;width:400px;width:37
3、0px;}#content-end{margin-left: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;
4、margin-left: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:aut
5、o;margin-left:auto;}#bodycenter#dv1{float:left;width:280px;}4/4#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;}#right{position:
6、absolute;top:0px;right:0px;width:120px;}float定位一xhtml:以下是引用片段:这里是第一列
显示全部收起
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。