麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 網(wǎng)站 > 網(wǎng)頁設(shè)計 > 正文

實現(xiàn)三列布局相同高度的解決辦法

2024-08-30 08:32:58

字體：大中小

來源：轉(zhuǎn)載

供稿：網(wǎng)友

　　作者: Alan Pearce　原文: Multi-Column Layouts Climb Out of the Box

　　我們都了解擁有相同高度的布局是很麻煩的事，有很多相關(guān)資料提到過相關(guān)設(shè)計方法，所以在這我就不多做解釋了。

　　最近在研究一個兩個欄目的動態(tài)布局，每個欄目背景不同。我馬上想起了Dan Cederholm的Faux Columns，但我仍然需要一個動態(tài)布局的方法。我又看了完美布局的文章One True Layout，但是有很多bug，需要許多注釋和程序。甚至考慮用JavaScrip來實現(xiàn)欄目始終保持同一高度，但是不行。絕望之余，幾乎要用table布局，不，一定還有更好的方法。我想著一個問題“盒子外面是什么”，border！假如我可以使“sidebar”（或"rail"）的div相對與“content”的div浮動，就可以實現(xiàn)多欄目相同高度。這個方法在很多地方介紹過：Douglas Livingstone的introduced ，Holly的extended John Bergevin的Position Is Everything。由one true layout的方法發(fā)展而來，用更簡潔清楚的代碼實現(xiàn)了兩個欄目的動態(tài)變化。

HTML代碼:

示例代碼 [www.CuoXIn.com]

上一篇：一個無序列表UL鼠標(biāo)激活顯示背景色的實例

下一篇：三列自由式布局770-1024自適應(yīng)寬度！

學(xué)習(xí)交流

如何查找有故障的配件

如何查找有故障的配件...

熱門圖片

猜你喜歡的新聞

猜你喜歡的關(guān)注

新聞熱點

最牛同桌！我考了696分我同桌考了703分

2024-06-26 22:28:41

650分！高二女生考入北大：遺憾不能上高三

2024-06-26 22:26:16

男生估分600只考了397 媽媽：高考雖重要，但不代表所有

2024-06-26 22:23:01

唐尚珺回應(yīng)是否會直播帶貨：有人出100萬想和他合作！

2024-06-25 19:29:23

名校搶人名場面：清華、北大太拼了！

2024-06-25 19:22:14

男生高考語文滿分！網(wǎng)友：第一次聽說

2024-06-25 19:19:15

疑難解答

圖片精選

網(wǎng)友關(guān)注

主站蜘蛛池模板：中文字幕精品在线视频 | 一级黄色免费电影 | 精品一区二区三区网站 | 久久久久久久久久久久久久av | 亚洲一区二区三区视频免费 | 久久久在线免费观看 | 毛片免费看网站 | 国产88久久久国产精品免费二区 | 亚洲综合一区二区三区 | 黄色一级片免费在线观看 | 日本在线视频免费观看 | 亚洲精品午夜国产va久久成人 | 成人情欲视频在线看免费 | 伊人99在线| h视频在线免费观看 | 中文字幕视频在线播放 | 在线观看免费视频麻豆 | 成年性羞羞视频免费观看无限 | 国产精品久久久久久久久粉嫩 | 激情久久一区二区 | 久久一区二区三区av | 黄色大片在线观看 | a免费毛片 | 欧美一级成人一区二区三区 | 黄色免费在线视频网站 | 国产精品夜色视频一级区 | 日韩色视频 | 久久亚洲线观看视频 | 亚洲视频成人 | 成人在线观看免费观看 | 高清av在线 | 热99视频 | 亚洲日韩中文字幕一区 | 麻豆视频国产在线观看 | 亚洲午夜影院在线观看 | 久久影院国产精品 | av免费在线观看国产 | 九九热久久免费视频 | 99sesese | 国产精品99久久久久久宅女 | 五月婷婷第四色 |