上下左右布局(DIV+CSS)
2014-01-09 14:00
417 查看
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title> </title> <style type="text/css"> #head{ height:40px; background-color:#0033CC; margin:0; } #content{ background:#CCCCCC; height:200px; margin:0; } #left{ width:20%; height:200px; background:#CCCC66; float:left; margin:0; } #c{ width:60%; height:200px; background:red; margin:0; float:left; } #right{ width:20%; height:200px; background:#339966; float:right; margin:0; } #foot{ background:#0099CC; height:40px; margin:0; } </style> </head> <body> <div id="head">head</div> <div id="content"> <div id="left">left</div> <div id="c">content</div> <div id="right">rigth</div> </div> <div id="foot">foot</div> </body> </html>
相关文章推荐
- CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)
- div+CSS完成网页布局(上下左右)
- div+css:页面整体布局居中显示:上下居中||垂直居中,左右居中||水平居中
- CSS布局:图片在DIV中上下左右居中(水平和垂直都居中)
- CSS布局:设置图片在DIV中上下左右居中(水平和垂直都居中)
- css:子元素div 上下左右居中方法总结
- 处理div+css布局左右浮动问题
- css实现左右布局,左侧div固定不变,右侧div宽度自适应
- css实现div内图片上下左右居中
- <div>手绘页面布局(上下左右中)
- Div 与 CSS 如何实现上下居中 左右居中
- 常见左右两列div+css布局技巧整理
- css+div上下左右自适应居中
- 【CSS】三列布局(左右div固定宽度,中间div随浏览器窗口自适应变化宽度)
- CSS实现图片在DIV中上下左右居中(1)
- (div+css)上下固定中间自适应高度网页布局的实现(FF,IE)
- (div+css)上下固定中间自适应高度网页布局的实现(FF,IE)
- (div+css)上下固定中间自适应高度网页布局的实现
- DIV+CSS布局问题:一个宽度不确定的DIV里面放三个水平对齐的DIV,左右两个DIV宽度固定为150px,中间那个DIV充满剩余的宽度
- 左右两栏div+css布局