-
margin:0 auto;是塊狀元素的居中對齊方式， text-align:center;是內聯元素（如，a,img標簽)的對齊方式， padding:0;margin:0;是做為初始化頁面， 原因是頁面在被各個瀏覽器讀取時的理解不同產生不同的展示效果，所以需要清除.查看全部
-
子元素position:absolute后，都需要父元素設置position:relative ，父元素的相對定位可以使得子元素跟隨父元素的位置來定義，具體可以看看絕對定位的跟隨性...查看全部
-
高度自適應不輸入height不設置就行，寬度自適應按照自己所需width輸入百分比就可以了。里面都有說的，共同加油哈兄弟！查看全部
-
body 在不同的瀏覽器中會有默認的margin邊距，清除body的外邊距和內邊距（補?。┚驮O定內外邊距為0px查看全部
-
在head中添加<meta name="viewport" content="width=device-width, initial-scale=1" />css樣式設置寬度，字體等用%或者em倍數表示查看全部
-
clear:both 清楚浮動查看全部
-
任務一：寬度不設值即可自適應 任務二：left的height值設置成200px；right值不設； 任務三：由于瀏覽器加載CSS的順序是從上到下的 所以先寫right的樣式 再寫left的樣式 任務四：不要使用float，使用絕對定位position：absolute；查看全部
-
什么叫網頁布局？ 又稱板式布局，是網頁UI設計師將有限的視覺元素進行有機的排列組合。查看全部
-
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>混合布局編程挑戰</title> <style type="text/css"> body{ margin:0; padding:0; font-size:30px; color:#fff} .top{height:100px;background-color:#eee;} .main{height:600px;background-color:red;position:relative;} .left{width:200px;background-color:blue;height:600px;position:absolute;left:0;top:0;} .right{height:600px;background-color:green;margin-left:210px;} .foot{height:80px;background-color:orange;} </style> </head> <body> <div class="top">top</div> <div class="main"> <div class="right">right</div> <div class="left">left</div> </div> <div class="foot">foot</div> </body> </html>查看全部
-
清除樣式： body{margin:0;padding:0}查看全部
-
3列自適應 不用浮動，用定位 左右兩邊分別定位（position:absolute;letf/right:xpx;top:xpx;) 中間部分：使用margin值確定（margin:0 xpx 0 xpx)查看全部
-
絕對定位 position:absolute;top:0;left:0;查看全部
-
當然不一樣了，兩個屬性的作用都是不一樣的啊，overflow：hidden的意思是超出部分不顯示，就是假如你的div是300*400的，但在里面插入一張400*500的圖片，圖片就會跑出那個div里面，用了這個屬性和屬性值后，圖片超出300*400這個范圍的內容不顯示出來。而clear：both僅僅只是清除左右兩邊的浮動而已查看全部
-
如果不清除浮動，float的元素是脫離了文檔流，那么這個元素原來在文檔流里的位置不會被繼續保留，就會被后來的元素所替代。這個例子中，float的元素的高度要比后來的元素即footer的高度要高，所以footer會被float的元素覆蓋了，如果你把float的元素高度設置的比footer小一點，你就可以看到footer顯出了部分綠色。 那么如果footer的樣式中添加clear的作用是，保留原來float元素在文檔流中的位置，這樣footer元素就不會去替代float元素所在的位置了。查看全部
-
Div{width:800px; height:500px; margin:0 auto}查看全部
舉報
0/150
提交
取消