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