查看“弹性盒子布局案例:WordPress博客”的源代码
←
弹性盒子布局案例:WordPress博客
跳转至:
导航
,
搜索
因为以下原因,您没有权限编辑本页:
您所请求的操作仅限于该用户组的用户使用:
用户
您可以查看与复制此页面的源代码。
==网页效果图== [[文件:web8-16.png|600px]] 源网页:https://www.suxing.me ==网页布局图== *[[文件:web8-17.png|600px]] <nowiki><!DOCTYPE html> <html> <head> <style type="text/css"> .header{width:100%; height:50px; background:#333; } .main{width:80%; margin:0 auto; height:600px; display:flex; flex-direction:row; } .m1{width:70%; height:600px; background:#060;} .m1-1{width:100%; height:300px; background:#09C;} .m1-2{width:100%; height:150px; background:#963;} .m1-3{width:100%; height:150px; background:#09C;} .m2{width:30%; height:600px; background:#9F0; } .m2-1{width:100%; height:200px; background:#F93;} .m2-2{width:100%; height:200px; background:#369;} .clear{clear:both;} .footer{height:100px; width:100%; background:#CCC;} </style> <title>无标题文档</title> </head> <body> <div class="header"></div> <div class="main"> <div class="m1"> <div class="m1-1"></div> <div class="m1-2"></div> <div class="m1-3"></div> </div> <div class="m2"> <div class="m2-1"></div> <div class="m2-2"></div> </div> </div> <div class="footer"></div> </body> </html></nowiki>
返回至
弹性盒子布局案例:WordPress博客
。
导航菜单
个人工具
登录
命名空间
页面
讨论
变种
视图
阅读
查看源代码
查看历史
更多
搜索
导航
首页
最近更改
随机页面
帮助
工具
链入页面
相关更改
特殊页面
页面信息