模板無憂
網頁特效
每日更新
|
TOP排行榜
|
Tag標簽
|
充值
無憂首頁
網頁模板
程序模板
建站教程
視頻教程
網頁特效
圖標素材
字體下載
站長工具
站長問答
網頁特效
菜單導航
圖片特效
文本鏈接
層和布局
頁面背景
表單按鈕
日期時間
計算轉換
鍵盤鼠標
瀏覽器
游戲娛樂
綜合其它
常用代碼
jQuery特效
Prototype
Ajax/JavaScript
ExtJS
CSS特效
在線編輯器
Mootools
HTML
JS廣告代碼合集
站長工具
站長常用軟件
網站綜合查詢
Alexa排名查詢
Google PR查詢
域名Whois查詢
網站收錄查詢
友情鏈接查詢
CSS2中文手冊
CSS精簡優(yōu)化工具
網頁特效代碼
模板無憂
>
網頁特效
>
層和布局特效代碼
>
收藏
分享
查看評論
層和布局
演示
DIV對齊而已實例_層和布局特效
查看演示效果
特效Tag:
布局
添加
一個DIV對齊布局實例,主要是向大家展示如何讓DIV布局按你的意思對齊,以及嵌套結構的布局等。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"> <html> <head> <title>DIV對齊布局實例</title> <style type="text/css"> *{margin:0;padding:0;} body{color:#000;background:#fff} .l{float:left;} .r{float:right;} #mrc{width:980px;margin:0 auto;overflow:hidden;} .main{width:780px;} .siderbar{width:190px;height:610px;background:green;} .w190,.w580,.w385{height:300px;background:green;}/*加個高度和背景觀測*/ .w190{width:190px;} .w580{width:580px;} .w385{width:385px;margin-top:10px;} </style> <body> <div id="mrc"> <div class="main l"> <div class="w190 l ">左一</div> <div class="w580 r ">右一</div> <div class="w385 l ">左二</div> <div class="w385 r ">右二</div> </div> <div class="siderbar r">側欄</div> </div> </body> </html>
所屬頻道:
層和布局特效
/
更新時間:2012-11-17
[收藏]
[報錯]
[返回列表]
相關
層和布局特效
:
表格內容排序sortTable
行變成列,列變成行
文本輸入限制
拆分單元格
控制表格內的滾動條
顏色交替的表格
JS計算里面有多少個
極酷的表格
會動的表格
可拖動單元格
變色表格
訪問表格的每個TD
層和布局特效Rss訂閱
特效代碼搜索
層和布局特效推薦
CSS虛線、細線邊框的表格
全兼容網頁固定漂浮的CSS寫法
CSS 圓角
VML圓角圓邊框的實現
純CSS實現顏色漸變的表格
Javascript實現帶陰影的提示框
相對固定位置JS+CSS布局實例,彈出提示層
CSS+js實現的無圖片圓角
純CSS實現的圓角邊框
網頁彈出層的JS代碼
猜你也喜歡看這些
JavaScript背景隨機變換顏色
點擊按鈕切換背景顏色的JavaScript
QQ式的導航(new)
無縫滾動
Java Script 顏色梯度和漸變效果
用選項卡控制DIV層切換改變背景顏色
RGB背景調色:輸入RGB顏色數值,就能轉化成十六位顏色代碼且背景改變
CSS背景不滾動
下大雨效果的網頁背景,你肯定喜歡
彈出提示的效果
相關鏈接:
復制本頁鏈接
|
搜索DIV對齊而已實例
特效說明:
層和布局模板
-
DIV對齊而已實例
。