新课:PHP零基础(CMS开发)教学!
立即报名快速预览网站布局精华[配乐版]
02分钟38秒单列_上中下等宽布局
04分钟10秒单列_宽度自适应_内容居中布局
04分钟34秒两列_左侧固定_右侧自适应
03分钟35秒两列_右侧固定_左侧自适应
03分钟30秒二列_左右固定_自己撑开父级块
10分钟06秒两列_左右二侧_绝对定位布局
08分钟22秒三列_左右固定_中间自适应布局
06分钟45秒三列_左右绝对定位_中间适应布局
07分钟42秒QQ空间首页布局原理
16分钟37秒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>
0