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

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

絕對定位的Flex項不會從IE11中的正常流中刪除。

絕對定位的Flex項不會從IE11中的正常流中刪除。

千萬里不及你 2019-07-02 14:25:55
絕對定位的Flex項不會從IE11中的正常流中刪除。我們有兩個有內容的div和第三個div,這是一個絕對位置的背景。容器是一個柔性箱。在Chrome和Safari中都很好,但是Firefox和IE11因子在絕對定位的div中,并在div之間分配空間,就像連續(xù)有3 div一樣。我做過小提琴的例子。有辦法解決這個問題嗎?https://jsfiddle.net/s18do03e/2/div.container {  display: flex;  flex-direction: row;  width: 100%;  height: 300px;  justify-content: space-between;  width: 100%;  outline: 1px solid;}div.c1 {  background: #aaeecc;  width: 100px;  position: relative;  z-index: 50;  top: 20px;  display: flex;}div.c2 {  background: #cceeaa;  width: 200px;  position: relative;  z-index: 50;  top: 20px;  display: flex;}div.bg {  background: #ccc;  width: 100%;  height: 100%;  z-index: 0;  left: 0px;  top: 0px;  position: absolute;  display: flex;}<div class="container">  <div class="c1">Content 1</div>  <div class="c2">Content 2</div>  <div class="bg">Background</div></div>
查看完整描述

3 回答

?
慕沐林林

TA貢獻2016條經驗 獲得超9個贊

有時不可能重新訂購物品,例如當使用::before::after..在這種情況下,您可以手動order元素。

在你的例子中,你需要做的是:

.c1 {
  order: -1;}.c2 {
  order: 10;}

這個order屬性是flex規(guī)范并允許您重新訂購FLEX項目(MDN參考)。這是非常方便的多種用途,包括。

我用-1因為該值是序號,所以將其設置為負數可以確保它位于所有其他默認值之前,并且不需要指定::before..出于同樣的原因,使用10確保第二個div是最后一個,即使您向容器中添加了一組元素。你可以增加到100或者別的什么。

不過,火狐的行為似乎有悖常理。position: absolute通常刪除常規(guī)dom流的元素,我希望該元素將從flex流也一樣,就像Safari和Chrome一樣。我不確定規(guī)范是否澄清了這一點。


查看完整回答
反對 回復 2019-07-02
  • 3 回答
  • 0 關注
  • 961 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

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

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號