<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="Generator" content="EditPlus?"> <meta name="Author" content=""> <meta name="Keywords" content=""> <meta name="Description" content=""> <title>并列与嵌套div结构</title> <style type="text/css"> *{ margin:0; padding:0; } body{ background:blue; } #header{ margin:0 auto; height:200px; background:red; } #center{ margin:0 auto; height:500px; background:yellow; } #footer{ margin:0 auto; height:200px; background:pink; } #left #right{ } #left{ background:green; float:left; height:500px; width:50%; margin-left:0px; } #right{ background:black; float:left; height:500px; width:50%; margin-right:0px; } </style> </head> <body> <div id="header">头部</div> <div id="center"> <div id="left">左分栏</div> <div id="right">右分栏</div> </div> <div id="footer">底部</div> </body> </html>
XHTMT|
HTML5|
CSS|
HTML DOM|
jQuery|
JSON|
AJAX|
LESS|
HTML|
Bootstrap|
Foundation|
AngularJS|
Ember.js|
TypeScript|
AngularJS2|
React|
jQuery UI|
jQuery EasyUI|
Node.js|
Highcharts|
Echarts|
Vue.js|
CoffeeScript|
Ext.js|
Meteor|
SASS|
Omi|
Markdown|
前端开发规范|
浏览器|
webpack|
JavaScript|
CSS3|
用户登录
还没有账号?立即注册
用户注册
投稿取消
文章分类: |
|
还能输入300字
上传中....