一、
css定位 1
、float:left / right /none;------左浮動/右浮動/無2、
position:absolute;----絕對定位3、
position:relative;-----相對定位（top/right/bottom/left）
注意：父級（大div） 子級（子div）
1、 relelative absolute------------
2、 absolute absolute
3、 relative relative
解釋：1中，父級中div設定絕對定位position:absolute;，子級中設定相對定位position:relative，這時子級中調整的位置是針對父級來調整的
例子：.position{
width:366px;
height:256px;
position:relative;
.title{
font-family:"arial";
color:white;;
font-size:13px;
position:absolute;
right:40px;
bottom:25px;
2中，如果都只用絕對定位position:absolute;，不在父級中使用position:relative;,無論位於div多少層結構，這時以body為父級
例子：.title{
font-family:"arial";
color:white;
font-size:18px;
position:absolute;
top:210px;
left:240px;
3中如果只用相對定位position:relative;，是針對自己當前本身的位置（向上調整位置為負數）
例子：.title{
font-family:"arial";
color:white;
font-size:18px;
position:relative;
top:-50px;
left:240px;
注意：相對定位position:relative;物件不可重疊，不可用z-index:0;4、
position:fixed;-----不隨滾動條向上或向下移動（例：top按鈕）5、
position:static;------預設6、
z-index:0;------高低覆蓋關係（通常和position:absolute;聯合使用，數越大，誰就在上面）
例子：.title{
font-size:30px;
color:#000;
position:absolute;
z-index:1;
.title2{
font-size:30px;
color:#999;
position:absolute;
z-index:0;
top:30px;7、
clear:left / right /both/ none;--------------清除float對 左側/右側/所有/無 的影響
二、左中右布局(如果左中右都需要自適應，則寬度都為百分比)
方法一：
步驟（1）設定左右的固定寬度，都加上絕對定位；
步驟（2）設定中間的margin:0px 右寬度 0px 左寬度;
css.css
.left{
width:190px;
height:500px;
background-color:#9f3;
position:absolute;
left:0px;
top:0px;
.middle{
height:600px;
margin:0px 190px 0px 190px;
background-color:#f96;
.right{
width:190px;
height:500px;
background-color:#9f9;
position:absolute;
right:0px;
top:0px;
index.html:
left
middleg;dhoibfkgo;rg;opg;klngfbkg;egfiopo[;l
right
方法二：
步驟（1）設定左中的固定寬度，都加上左浮動；
步驟（2）設定右邊的寬度，左右浮動都可以；
css.css
.left{
width:20%;
height:500px;
background-color:#9f3;
float:left;
.middle{
width:60%;
height:300px;
background-color:#f96;
float:left;
.right{
width:20%;
height:500px;
background-color:#9f9;
float:left;
index.html
left
middleg;dhoibfkgo;rg;opg;klngfbkg;egfiopo[;l
right
三、左右布局居中的方法：
方法一：主體定義乙個class=」main」，寬度為1000px，直接加樣式：margin:0pxauto;即可
方法二：
（1） 主體定義乙個class=」main」，寬度為1000px，
（2） 設定絕對定位position：relative;
（3） 向左移動一半：left:50%;
（4） 移動整體的寬度的一半，margin-left:-500px;(margin-right:500px;也可以)
例子：.main{
width:1000px;
height:500px;
background-color:red;
position:relative;
left:50%;
margin-left:-500px;
CSS基礎知識（五）
position 瀏覽器核心及字首 包含框太窄，那麼其他浮動塊會自動向下移動，直到有足夠的空間 清除浮動的常用方式 結尾處加空div標籤clear both 浮動元素的父級div定義 偽元素 after 浮動元素的父級div定義overflow hidden 浮動元素的父元素定高 css規定的規範，...
CSS 基礎知識
選擇器 元素選擇器 p 後代選擇器 li a id選擇器 intro some text 類選擇器 dateposted 24 3 2006 偽類選擇器 a link 通用選擇器 浮動 定位 框模型 定位的四種模型 相對定位 relative 相對定位的座標原點 該元素在普通流中的位置 特別點 元素...
CSS基礎知識
css規則有兩個主要的部分組成 選擇器，以及一條或者多條宣告h1 css內部的注釋以 開始，以 結束p id選擇器，通過 來選擇html元素 username class選擇器，通過 來選擇一組class元素.center 指定特定的html元素使用classp center 引入外部樣式表 rel...