讓div區塊從最下面開始往上堆疊？

css div mysql php while

火爆浪子 2016-09-14 13:35:07 ‧ 3534 瀏覽

分享至

首先我有個div

<div id="外觀" style="overflow-x:hidden; overflow-y:auto; width:220px; height:700px; position:fixed; bottom:50px; left:50px;">
</div>

然後外觀 idv裡面的內容會是
(資料來源 php while迴圈撈mysql)

<div id="內容" style="z-index:999; width:200px; display:inline-block;">
	<div >
    資料
    </div>
    </div>

外觀div 我是設定鎖定在螢幕左下角處
然後內容div 是用while迴圈撈mysql
因為外觀div設定220px
因此內容div的200px因為有inline-block所以他會自己往下堆疊這沒問題
但問題來了
我想讓內容能夠在最下面
因為現在的情況是因為外觀div高是700px(我要讓他有卷軸所以設定高)
但是當有內容出現時
內容div會從最上面開始
要如何讓他從最下面開始然後往上堆疊?
我有試過在外觀div加上

vertical-align:text-bottom;或vertical-align:bottom;

但是都無效

看更多先前的討論...收起先前的討論...

窮嘶發發發 iT邦高手 1 級 ‧ 2016-09-14 14:07:52 檢舉

怎麼看都是出資料的順序排列好就好了，要反向那就 ORDER BY xx desc 啊

火爆浪子 iT邦研究生 1 級 ‧ 2016-09-14 14:24:27 檢舉

喔喔不是 sql沒問題
我的意思是讓div由下我上堆疊

fillano iT邦超人 1 級 ‧ 2016-09-14 15:05:40 檢舉

https://jsfiddle.net/fillano/gh3roup6/ 這樣？最上面那個div設margin-top，值就是（700 - div外高度 x div個數）+ 'px' 。另外，div外高度 = div高度 + 上邊框厚度 + 下邊框厚度

火爆浪子 iT邦研究生 1 級 ‧ 2016-09-14 15:58:50 檢舉

沒錯~~~~ 謝謝!!!!!

登入發表討論

直播研討會

{{ item.channelVendor }} {{ item.webinarstarted }} |

直播中

尚未有邦友回答

立即登入回答

參賽組數

1064 組

團體組數

40 組

累計文章數

22201 篇

完賽人數

602 人

15th鐵人賽 16th鐵人賽 13th鐵人賽 14th鐵人賽 12th鐵人賽 11th鐵人賽鐵人賽 2019鐵人賽 javascript 2018鐵人賽 python 2017鐵人賽 windows php c# windows server linux css react vue.js

IT邦幫忙

讓div區塊從最下面開始往上堆疊？

尚未有邦友回答

標記使用者