快速預覽網站佈局精華[配樂版]
單列_上中下等寬佈局
單列_寬度自適應_內容居中佈局
兩列_左側固定_右側自適應
兩列_右側固定_左側自適應
二列_左右固定_自己撐開父級塊
兩列_左右二側_絕對定位佈局
三列_左右固定_中間自適應佈局
三列_左右絕對定位_中間適應佈局
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>