原文:十天學會Div+CSS第三天之【二列和三列布局】

一 兩列自適應寬度下面以常見的左列固定右列自適應為例,因為div為塊狀元素,默認情況下占據一行的空間,要想讓下面的div跑到右側,就需要做助css的浮動來實現。首先創建html代碼如下: div創建完成后,開始創建css樣式表,代碼如下: 然后創建 main樣式,注意這里設置 main的左邊距為 px。預覽結果如下: 二 兩列固定寬度有了前面的基礎,兩列固定寬度就容易多了,只需要把 main的寬度 ...

2012-08-07 10:38 0 7812 推薦指數:

查看詳情

十天學會Div+CSS第四之【縱向導航與二級菜單】

一、縱向列表縱向列表或稱為縱向導航,在網站的產品列表中應用比較廣泛,如淘寶網左側的淘寶服務,今天我們就學習一下縱向導航的制作先新建一個頁面,然后插入一個ID為menu的div,然后在設計視圖中選中文字,點擊工具欄的ul圖標,即會自動插入ul和li,然后修改文字內容為你需要的內容 ...

Tue Aug 07 23:08:00 CST 2012 0 4124
DIV+CSS 網頁布局之:三布局

1、寬度自適應三布局   三布局的原理和兩布局的原理是一樣的,只不過多了一,只需給寬度自適應兩布局中間再加一,然后重新計算三的寬度,就實現了寬度自適應的三布局。   同樣的道理,更多布局,其實和兩、三布局模式是一樣的。 2、左右兩固定寬度,中間 ...

Tue Mar 15 06:16:00 CST 2016 1 17753
div+css布局與三布局

一、兩布局: 1.左邊定寬,右邊自適應。 方法一:采用position:absollute;並設置margin-left的值。 例: 方法二:采用float;並設置overflow:auto;(隱藏溢出的內容 ...

Mon Sep 19 20:24:00 CST 2016 0 4444
DIV+CSS 網頁布局之:一布局

1、網頁布局   布局(layout)即對事物的全面規划和安排,頁面布局是對頁面的文字、圖像或表格進行格式化版式排列。網頁布局對改善網站的外觀非常重要,又稱版式布局,大多數網站會把內容安排到多個中,就像雜志或報紙那樣,網頁版面的設計延續了傳統紙媒的特點,但又比傳統的紙媒更靈活,傳統的紙媒 ...

Tue Mar 15 05:52:00 CST 2016 0 5492
DIV+CSS 網頁布局之:兩布局

1、寬度自適應兩布局   兩布局可以使用浮動來完成,左設置左浮動,右設置右浮動,這樣就省的再設置外邊距了。   當元素使用了浮動之后,會對周圍的元素造成影響,那么就需要清除浮動,通常使用兩種方法。可以給受到影響的元素設置 clear:both,即清除元素兩側的浮動,也可以設置具體清除 ...

Tue Mar 15 06:04:00 CST 2016 0 15648
div+css經典三行兩布局

寫在前面 在面試的時候遇到這樣一個筆試題,使用div+css布局一個三行兩的頁面。這里主要考察的是css中postion的具體用法。詳細信息可參考我這篇文章: [HTML/CSS]說說position 代碼 閑來無事,就自己動手實現了一下,代碼如下: 結果 總結 ...

Tue Mar 10 23:07:00 CST 2015 0 5556
學會Java,第三天,選擇結構

選擇結構 變量和數據類型,賦值和輸出 算術運算 選擇結構 循環結構 函數定義,函數調用 變量作用域 棧,程序運行的基石 面向對象 異常處理 語言提供的公用包 ...

Thu Aug 31 18:55:00 CST 2017 16 1642
實習之第三天

本來昨天應該應該寫點東西的,可是卻實在抽不出時間。 不知不覺,今天已經是實習的第三天了。這兩的工作還是熟悉公司的開發框架,稍微感覺有點沒勁。說是公司的框架,但是其實是把人家開源的框架給封裝了一下,就聲稱是自己的東西了。就在昨天,我在開發文檔時,突然間接到一個電話。看到是010開頭 ...

Fri Feb 24 07:06:00 CST 2012 25 2045
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM