1、使用css float并排顯示:
對div設置一個float浮動屬性即可解決不并排顯示,只要并排div盒子總寬度小于或等于最外層盒子寬度即可實現多個div對象并排顯示。
加float浮動實現多個div并排顯示。
這里對div通設一個浮動,當然實際使用時候,要通排顯示div對象的加入css類,就對要同行顯示css選擇器設置浮動。避免其它不需要設置的也被加入浮動樣式。
2、使用css display同行顯示:
加入display:inline即可解決實現同行并排顯示div盒子對象。
對div標簽設置div{ display:inline}樣式。
擴展資料
div標簽的作用:
主要應用div結構網頁大小局部,架構網頁框架。譬喻一張網頁最外層、大結構布局、小部份布局。div內可以嵌入模式,也或許嵌入任何標簽。要實現漂白的各種各樣的網頁,div使用必不可少,div機關框架再運用css對其設置名堂,完成千般各樣刻舟求劍的網頁。
div標簽自身是不有任何效用的標簽,也不是特殊標簽。一樣平常組織經常運用DIV作為主要的構造標簽,再配合其他標簽的應用達到結構需求,而另外標簽各有各機能與作用。
div自身就作為DIV CSS構造的首要標簽(div構造大小結構,架構大小框架、嵌套嵌入形式或其他標簽,應用其他標簽大面積構造大小結構 大小框架不切當),所以要應用div標簽構造html。
不知題主說的是怎樣的不動
static相對瀏覽器窗口定位,生成絕對定位元素,脫離文檔流
具體位置的調整是用top、left、right、bottom也可以使用margin調整
適用于:浮動廣告,浮動菜單,
2. absolute
絕對定位,同樣脫離文檔流,相對于第一個 position 不為 static 的父級元素,同樣通過top、left、right、bottom、margin調整位置
經常與 relative 相對定位標簽結合使用,實現相對于該標簽的絕對定位效果,例如大部分網站的搜索下拉菜單效果通過和margin 負值結合也是垂直居中常用的方法沒有定位值的absolute 可以實現自適應布局(圖片等寬度固定用absolute 定位,用 margin 或 padding 撐開與用來描述的標簽的距離最基本有4個根標記
<html>網頁整體布局
<title>網頁標題
<head>網頁頭部
<body>網頁主體