課程
/前端開發
/HTML/CSS
/CSS深入理解之absolute
我也聽的滿頭霧水,確實不太好懂
2014-12-04
源自:CSS深入理解之absolute 4-1
正在回答
提醒一點是。最后的效果。(登陸郵箱)這個內容的位置是在.sar內容的位置。也就是原*的位置。
是absolute的運用不懂嗎?
這個很好理解的。
就像是設定了absolute;
你會用PS嗎?
PS里面是一層一層疊加成為圖片的。
元素設置了absolute后,就相當于PS中的新建了一層。后面的元素就會占用設置了absolute的元素位置。
例如,
*登陸郵箱
我們把*設置在一個class里面。——<span class="star">*</span>
.star{positon:absolute;margin-left:-1em; color:red;}
我們把內容《登陸郵箱》設置在一個class里面——<label class="label_mail">登陸郵箱</label>
.label_mail{width:70px;padding-top: 10px; float: left;}
absolute的特性是:位置跟隨。以及脫離標準文檔流。(類似PS里面新建了一層。最后的圖就相當于是我們的網頁最后的效果。)還記得嗎?
最后的效果就是:*?登陸郵箱。(之間有一個空格。要下面的其他登陸框都對齊,所以在label_mail里面設置了左浮動。以及寬度。)
? 具體是哪里不懂呢?
舉報
理解CSSposition:absolute聲明,掌握position:absolute高級應用
1 回答老師用的是什么軟件呀? 我是初學者 比太懂也不太會用 請高手指教啊
3 回答高度自適應的九宮格效果before after那里不太懂啊 求助
1 回答有些地方不太明白
5 回答有一個神奇的css屬性值不懂
1 回答位置跟隨沒聽懂
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2015-12-30
提醒一點是。最后的效果。(登陸郵箱)這個內容的位置是在.sar內容的位置。也就是原*的位置。
2015-12-30
是absolute的運用不懂嗎?
這個很好理解的。
就像是設定了absolute;
你會用PS嗎?
PS里面是一層一層疊加成為圖片的。
元素設置了absolute后,就相當于PS中的新建了一層。后面的元素就會占用設置了absolute的元素位置。
例如,
*登陸郵箱
我們把*設置在一個class里面。——<span class="star">*</span>
.star{positon:absolute;margin-left:-1em; color:red;}
我們把內容《登陸郵箱》設置在一個class里面——<label class="label_mail">登陸郵箱</label>
.label_mail{width:70px;padding-top: 10px; float: left;}
absolute的特性是:位置跟隨。以及脫離標準文檔流。(類似PS里面新建了一層。最后的圖就相當于是我們的網頁最后的效果。)還記得嗎?
最后的效果就是:*?登陸郵箱。(之間有一個空格。要下面的其他登陸框都對齊,所以在label_mail里面設置了左浮動。以及寬度。)
2015-12-30
? 具體是哪里不懂呢?