課程
/前端開發
/HTML/CSS
/CSS深入理解之absolute
如果我用一個div作為搜索框一個div作為結果, 都設置width:100%不是也能實現效果嗎,和absolute有什么區別?
2018-11-21
源自:CSS深入理解之absolute 4-3
正在回答
有區別的。因為如果是正常的div是會影響到文檔流,你想想,如果你的另一個div作為待選框,那么你要控制它的display屬性(none / block),如果是display: block,那么在這個div之后的元素的排版都會發生變化,有可能會往下移動。那如果待選框的div的position:abusolute,這樣的話就會脫離文檔流,就是說不會影響到該待選框div之后的元素的布局,因為abusolute的div會漂浮在普通元素的正上方而不影響普通元素的布局。你總不能說打開待選框之后頁面布局都發生變化吧,那方向就走偏了,使用abusolute的要達到的效果就是不影響普通元素(即非abusolute)元素的布局
舉報
理解CSSposition:absolute聲明,掌握position:absolute高級應用
3 回答course-fixed為什么要加個display:inline呢?course-fixed那個div為什么會在外面?沒搞懂.
2 回答把那個圖片換成DIV,為什么VIP就換到下一行去了呢?
3 回答額。這里.close為什么用margin屬性而不用top和right屬性呢?
2 回答怎么實現的?。?/p>
3 回答父元素不能是position:absolute;或者relative?為什么?
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-06-08
有區別的。因為如果是正常的div是會影響到文檔流,你想想,如果你的另一個div作為待選框,那么你要控制它的display屬性(none / block),如果是display: block,那么在這個div之后的元素的排版都會發生變化,有可能會往下移動。那如果待選框的div的position:abusolute,這樣的話就會脫離文檔流,就是說不會影響到該待選框div之后的元素的布局,因為abusolute的div會漂浮在普通元素的正上方而不影響普通元素的布局。你總不能說打開待選框之后頁面布局都發生變化吧,那方向就走偏了,使用abusolute的要達到的效果就是不影響普通元素(即非abusolute)元素的布局