網(wǎng)站制作時如何讓DIV緊挨著
來源:http://www.premium-option.com 發(fā)布時間:2016-06-17
相信很多人都會用DIV+CSS,這種架構(gòu)輕巧,簡單,便于蜘蛛爬升抓取,但在制作div時,,難免會遇到一些不兼容的問題,尤其是在很復(fù)雜的網(wǎng)站布局中,套用一兩個div是遠(yuǎn)遠(yuǎn)不夠的,這就造成了為了顯示一部分內(nèi)容而套用了三個四個甚至五個div層,雖然也顯示出來了,但是套用了這么多的div顯然不利于蜘蛛的抓取,為了減少層數(shù),很多網(wǎng)站制作者們費盡心思的去簡化,減少,有的干脆把里面的div全去掉換成了table,這樣做出來也能顯示效果,但是結(jié)構(gòu)亂了許多,而且造成的冗余不說,還極大的降低了網(wǎng)站的打開速度,反而做出的網(wǎng)站也不太受蜘蛛歡迎。
在很多的div設(shè)計布局中,讓人頭疼的是兩個并列的div的分布問題,如兩個div緊挨著或者是有一定的間距,很多制作者習(xí)慣性的用了三個div,外面是固定了總的寬度和布局,然后左邊的float:left,右邊的float:right,這個固然可行,然而稍微處理不好就會出問題,比如float:right就會跑到下面去了,而且每個div設(shè)定的寬度比實際的也窄了很多,尤其是在用ietester的時候老是出問題,這樣既浪費了時間又降低了效率。甚至因這個問題而延長了客戶規(guī)定的時間段。在此,濟南網(wǎng)站建設(shè)技術(shù)向廣大網(wǎng)站制作者們支了一招,不用三個div,只用兩個就可以,這樣做既減少層數(shù)又簡化了代碼,一舉兩得;希望廣大站長不妨試試。以下是舉得范例,僅供大家參考
此內(nèi)容來源于鑫諾商http://www.premium-option.com,若轉(zhuǎn)載請標(biāo)明出處!
相關(guān)文章
多年
成立于2010年
多年經(jīng)驗不斷發(fā)展
多家客戶
超過多家客戶伴隨我們成長
多家企業(yè)
服務(wù)于多家企業(yè)客戶
助力品宣的提升
幾十項
服務(wù)項目為您服務(wù)
夯實成長的基石