已采納回答 / loveya
no-repeat是background的屬性,對background-image沒有作用的,你要把background-image改成background,才能使用no-repeat.
2016-04-15
W3C標準:由萬維網聯盟制定的一系列標準,包括:
結構化標準語言(HTML和XML)
表現標準語言(CSS)
行為標準語言(DOM和ECMAScript)
倡導結構、樣式、行為分離
CSS中的定位機制:
標準文檔流
浮動
絕對定位
標準文檔流的特點:
從上到下,從左到右,輸出文檔內容
由塊級元素和行級元素組成
注:
塊級元素:從左到右撐滿頁面,獨占一行,觸碰到頁面邊緣時,會自動換行,如:div,ul,li,dl,dt,p
行級元素:能在同一行內顯示,不會改變HTML文檔結構,如:span,strong,img,input
結構化標準語言(HTML和XML)
表現標準語言(CSS)
行為標準語言(DOM和ECMAScript)
倡導結構、樣式、行為分離
CSS中的定位機制:
標準文檔流
浮動
絕對定位
標準文檔流的特點:
從上到下,從左到右,輸出文檔內容
由塊級元素和行級元素組成
注:
塊級元素:從左到右撐滿頁面,獨占一行,觸碰到頁面邊緣時,會自動換行,如:div,ul,li,dl,dt,p
行級元素:能在同一行內顯示,不會改變HTML文檔結構,如:span,strong,img,input
2016-04-15
最贊回答 / 慕粉3117827
相對定位是相對于自身原有位置偏移,仍處在標準文檔流中絕對定位是一包含快為基準定位,脫離標準文檔流。在沒有設置偏移量的情況下:無論是否存在已定位的祖先都會保持在元素初始位置;在設置了偏移量的情況下:如果有已定位的祖先就會以最近的定位祖先為參照基準定位,如果沒有已定位的祖先則以HTML為參照基準定位
2016-04-14
*{margin:0; padding:0;}
#wrap{width:970px; margin:auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px;}
#mid{position:absolute;top:0px;left:122px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:789px;border:1px solid #999;}
#wrap{width:970px; margin:auto;}
#mainbody{position:relative; margin-top:15px;}
#left{width:110px;}
#mid{position:absolute;top:0px;left:122px;width:650px;border:1px solid #999;}
#right{position:absolute;top:0px;left:789px;border:1px solid #999;}
2016-04-13