昨天晚上大概1點多的時候 忽然發現乙個問題,乙個page的頁面內容過多,致使我設計的通用css樣式表在這個page上顯示得不倫不類:乙個容器的positon屬性設定為 abstract,高度以畫素為單位定死,這樣這個通用的容器樣式可以放在任何乙個需要用到頁面,而實際上我的大部分page都在用這樣乙個樣式,忽然一 個表單提交頁面,因為需要收集的資訊過多,而且二級和**聯動的還不少,致使我的這樣乙個定 死高度的樣式表在這張頁面顯示得很糟糕,容器高度無法滿足頁面需要。
於是乎,昨晚一直在想辦法讓我的這個容器自適應高 度,css和js什麼辦法都想過了,不是致使其他頁面排版混亂,就是無法實現,後來鬱悶中睡著了。今天上午依然在考慮這個問題,因為想到以後可能這樣的頁 面越來越多,如果不解決高度自適應伸縮的話,後果可能很嚴重,一直想到接近中午。
忽然意識到,不如換個思路想問題,不妨不 去往「如何讓容器自適應高度」去想,而是回歸到「如何讓頁面內容在容器中顯示充分」這樣乙個本質,如果在容器的高度不變的前提下,使得那些頁面高度遠遠高 於容器的page依然能顯示充分?相信很多人會想到「滾動條」 吧,呵呵,沒錯,換個思路想問題,一下子解決了,雖然浪費了將近5個小時,但是還是有收穫的。
在div容器中,css樣式表加上overflow:auto;就可以利用滾動條自適應容器中頁面內容的高度了。這樣即讓網頁大小適中協調,又將所有頁面的整體布局統一部署,不僅美觀,而且更加符合web2.0的規範。
換個思路很重要
聯合利華引進了一條香皂包裝生產線,結果發現這條生產線有個缺陷 常常會有盒子裡沒裝入香皂。總不能把空盒子賣給顧客啊,他們只得請了乙個學自動化的博士後設計乙個方案來分揀空的香皂盒。博士後拉起了乙個十幾人的科研攻關小組,綜合採用了機械 微電子 自動化 x射線探測等技術,花了幾十萬,成功解決了問題。每當生產...
技術思考框架 抽象 思路 考量 優化 細節
如何思考問題與思考具體問題同等重要。如何思考乙個技術問題?如何高效地理解某個技術 如何快速學習乙個新的技術點 這都需要乙個好的技術思考框架。缺乏思考框架,知識和技術就變成一堆細節的堆砌,缺乏關聯,難以理解和記憶,也就難以掌握和應用。本文來探索一種好的技術思考框架。抽象 抽象非常重要。乙個典型的例子是...
堪比病毒營銷的新思路 換個姿勢玩抖音!
有時候,粗魯一點,大力出奇蹟。這段時間下班回家擼完自行車後實在沒事幹,就迷上了刷抖音,現在,讓我來試著總結一下這幾個月的研究成果,看看當seo優化去研究抖音推廣,會有什麼樣的結論。目前抖音還在培養使用者養成搜尋習慣轉變的階段,需要足夠多足夠好的內容去吸引使用者。而增加廣告則會降低使用者的搜尋體驗。打...