-
1、clear語法：一般浮動是什么情況呢？一般是一個盒子里使用了CSS float浮動屬性，導致父級對象盒子不能被撐開，這樣CSS float浮動就產生了。(l例：本來兩個黑色對象盒子是在紅色盒子內，因為對兩個黑色盒子使用了float浮動，所以兩個黑色盒子產生了浮動，導致紅色盒子不能撐開，這樣浮動就產生了。) clear : none | left|right| both 2、clear參數值說明： none : 允許兩邊都可以有浮動對象 both : 不允許有浮動對象 left : 不允許左邊有浮動對象 right : 不允許右邊有浮動對象查看全部
-
多列布局查看全部
-
一列布局：簡單明了，適用于首頁，不適合用于多行文字（寬度過長，容易串行） 1.清除body默認樣式。2.水平居中：margin: 0 auto;查看全部
-
寬度自適應，左側固定寬度，父盒子position:relative;子盒子position:absolute; _______________________ |______________________| | | | | | | | | | | | | |_____|_|_______________| |______________________|查看全部
-
塊與塊之間的關系：1.塊挨著塊 2.塊嵌套塊 3.塊壓著塊 CSS就是把塊擺放正確！查看全部
-
三列布局 左右固定，中間自適應 左、右分別利用 position:absolute; left/right:0; top:0; 中間利用margin:0 Rpx 0 Lpx; .left{ /*左 有寬和高 */width:100px; height:600px; position:absolute; left:0; top:0; background:#ccc;} .main{/*中 只有高度*/height:600px;background:#9CF;margin:0 60px 0 110px;} .right{ { /*右 有寬和高 */ width:50px; height:600px; position:absolute; top:0;right:0; background:#FCC;}查看全部
-
元素脫離文檔流： 浮動和絕對定位查看全部
-
一列布局，固定寬度，不宜過長。 body{ /*清除原有邊距*/margin:0;padding:0;} .main{ /*有寬度*/width:800px; height:300px; /* 0 上下 auto 左右,水平居中*/ margin:0 auto;} .top{height:100px;} .foot{ /* 有寬度 */width:800px;height:100px /* 0 上下 auto 左右,水平居中*/ margin:0 auto;;}查看全部
-
Div{width:800px; height:500px; margin:0 auto}居中查看全部
-
盒子之間的三種關系： 1、相鄰 2、嵌套 3、層疊 我們要做的就是擺放好盒子的位置。查看全部
-
筆記之查看全部
-
盒子之間的三種關系： 1、相鄰 2、嵌套 3、層疊 我們要做的就是擺放好盒子的位置。查看全部
-
單列布局：居中顯示：margin:0 auto; 二列布局：float:left;float:right; 三列布局：每一個寬度為33.3%，中間的也要寫float:left;或者用絕對定位position：absolute，=查看全部
-
三列布局：左右固定寬度值，中間自適應。此時不能浮動布局，應該使用絕對定位 .left{position:absolute;left:0'top:0} .right{position:absolute;right:0;top:0} .middle{margin值}查看全部
-
讓元素脫離文檔流：浮動（float）和絕對定位（position:absolute） 文檔流：將窗體自上而下分成一行行, 并在每行中按從左至右的順序排放元素,即為文檔流.(自己的理解是從頭到尾按照文檔的順序，該在什么位置就在什么位置，也可以按照上面的意思理解，自上而下，自左到右的順序)查看全部
舉報
0/150
提交
取消