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

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

誰幫我解釋下下面的代碼

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

正在回答

2 回答

.dropdown-menu {

? position: absolute;

? top: 100%;

? left: 0;

? z-index: 1000;

? display: none;

? float: left;

...????省略其他

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

.btn-group,

.btn-group-vertical {

? position: relative;

? display: inline-block;

? vertical-align: middle;

}

這是父元素的樣式 可以看出有個絕對定位,接著top:100%指的就是父元素的高度,然后結果就是你點擊后這個菜單就顯示在這個父元素的下面(因為父元素還有個box-sizing:border-box,所以可以無視padding跟margin所帶來的負效果)left:0就是左對齊了。

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

0 回復 有任何疑惑可以回復我~
#1

wangao4321 提問者

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

Hallz 回復 wangao4321 提問者

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

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

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

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

0 回復 有任何疑惑可以回復我~
#1

wangao4321 提問者

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

wangao4321 提問者

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

舉報

0/150
提交
取消

誰幫我解釋下下面的代碼

我要回答 關注問題
微信客服

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

幫助反饋 APP下載

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

公眾號

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