快速预览网站布局精华[配乐版]
单列_上中下等宽布局
单列_宽度自适应_内容居中布局
两列_左侧固定_右侧自适应
两列_右侧固定_左侧自适应
二列_左右固定_自己撑开父级块
两列_左右二侧_绝对定位布局
三列_左右固定_中间自适应布局
三列_左右绝对定位_中间适应布局
QQ空间首页布局原理
lilove6年前
不知为何我代码浮动不起作用 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>3.两列布局右边固定左边自适应</title> <style type="text/css"> .main { height:600px; background-color:skyblue; margin-right:200px; } .right { width:200px; height:600px; background-color:lightgreen; float:right; /*设置块元素的右浮动*/ } </style> </head> <body> <div class="main">主体</div> <div class="right">右侧</div> </body> </html>
0
张6年前
这样更直接 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> .div1{ width: 200px; height: 600px; background-color: #ccc; float: right; } .div2{ height: 600px;background-color: red; } </style> </head> <body> <div class="div1">1</div> <div class="div2">2</div> </body> </html>