第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定

誰幫我解釋下下面的代碼

.dropdown-menu{ ? ?left:100%; ? ?top:0; } 這段代碼的效果我看到了,但是誰能解釋下這么設(shè)置的原理呢,特別是這個Left,和父元素有什么關(guān)系嗎

正在回答

2 回答

.dropdown-menu {

? position: absolute;

? top: 100%;

? left: 0;

? z-index: 1000;

? display: none;

? float: left;

...????省略其他

這是源代碼 可以看出使用了相對定位 這樣已經(jīng)脫離了正常文檔流,接著的top:100%以及l(fā)eft:0是用來定位的

.btn-group,

.btn-group-vertical {

? position: relative;

? display: inline-block;

? vertical-align: middle;

}

這是父元素的樣式 可以看出有個絕對定位,接著top:100%指的就是父元素的高度,然后結(jié)果就是你點(diǎn)擊后這個菜單就顯示在這個父元素的下面(因?yàn)楦冈剡€有個box-sizing:border-box,所以可以無視padding跟margin所帶來的負(fù)效果)left:0就是左對齊了。

最后 雖然跟你說的樣式不同 不過都是大同小異

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

wangao4321 提問者

謝謝啊,我理解了,主要就是根據(jù)父元素定位了,理解了。
2016-08-12 回復(fù) 有任何疑惑可以回復(fù)我~
#2

Hallz 回復(fù) wangao4321 提問者

0.0上面說錯了個 absolute是絕對定位 relative才是相對定位 手一抖就打混了....
2016-08-13 回復(fù) 有任何疑惑可以回復(fù)我~

在bootstrap.min.css的2876行,定義了.dropdown-menu的父類.dropdown{

position:relative;}(我查的)。因?yàn)楦冈赜衟osition屬性,所以.dropdown-menu的position:absolute相對于父元素定位。top:100%的意思是在下拉菜單底部展開,left:0指

與父元素左端對齊。你的代碼好像寫錯了。。。。

0 回復(fù) 有任何疑惑可以回復(fù)我~
#1

wangao4321 提問者

我沒有寫錯,因?yàn)檫@一章節(jié)是垂直排序,導(dǎo)致按鈕點(diǎn)下也垂直排序了,但是按照人的習(xí)慣用法,點(diǎn)擊菜單后,彈出的界面應(yīng)該在左邊,參考京東淘寶等等,所以我就設(shè)置了left:100% 和TOP 0,但是不懂原理。
2016-08-12 回復(fù) 有任何疑惑可以回復(fù)我~
#2

wangao4321 提問者

說錯了,是在彈出菜單的右邊
2016-08-12 回復(fù) 有任何疑惑可以回復(fù)我~

舉報

0/150
提交
取消

誰幫我解釋下下面的代碼

我要回答 關(guān)注問題
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號