CSS教程实例：关于网页的两列布局

CPU

濠电偞鍨堕幐鍓у垝椤栨凹鐔嗛柨鐕傛嫹

闂備礁鎲￠崝鏇㈠箠鎼淬劍鍋ら柨鐕傛嫹

闂備礁鎼€氼參宕曢崘鑼殾闁跨噦鎷�

闂備胶枪缁绘劙藝閻㈢ǹ鐓橀柨鐕傛嫹

缂備胶铏庨崣搴ㄥ礈濞戞◤娲晸閿燂拷

闂備礁鎼€氼剚鏅舵禒瀣︽慨妯挎硾闂傤垶鏌ㄩ悤鍌涘

闂備浇妗ㄩ悞锔界珶閸℃稒鍋夐柨鐕傛嫹

濠电姰鍨奸崺鏍偋閻愪警鏁婇柨鐕傛嫹

闂備浇妗ㄧ粈渚€鎮洪妸銉㈡敠闁逞嶆嫹

缂傚倷鐒﹂〃鍡椢涙笟鈧、娆撳炊椤掆偓鐎氬鏌ㄩ悤鍌涘

闂備胶枪缁绘垵锕㈤崷顓炲灊闁跨噦鎷�

CPU

濠电偞鍨堕幐鍓у垝椤栨凹鐔嗛柨鐕傛嫹

闂備礁鎲￠崝鏇㈠箠鎼淬劍鍋ら柨鐕傛嫹

闂備礁鎼€氼參宕曢崘鑼殾闁跨噦鎷�

闂備胶枪缁绘劙藝閻㈢ǹ鐓橀柨鐕傛嫹

缂備胶铏庨崣搴ㄥ礈濞戞◤娲晸閿燂拷

闂備礁鎼€氼剚鏅舵禒瀣︽慨妯挎硾闂傤垶鏌ㄩ悤鍌涘

闂備礁鎼悧鎰枍閿濆鏁婇柛顐犲劜閸嬨劑鏌涢…鎴濅簽闁绘牭鎷�

闂備浇妗ㄩ悞锔界珶閸℃稒鍋夐柨鐕傛嫹

濠电姰鍨奸崺鏍偋閻愪警鏁婇柨鐕傛嫹

闂備浇妗ㄧ粈渚€鎮洪妸銉㈡敠闁逞嶆嫹

缂傚倷鐒﹂〃鍡椢涙笟鈧、娆撳炊椤掆偓鐎氬鏌ㄩ悤鍌涘

闂備胶枪缁绘垵锕㈤崷顓炲灊闁跨噦鎷�

闂備胶鎳撻悘婵堢矓瀹曞洨绀婇柡鍐ㄥ€哥€垫煡鏌ゆ慨鎰偓妤呭春閿燂拷

闂佸湱鍘ч悺銊ヮ潖婵犳艾鏋侀柕鍫濇婵粍銇勯弽銊ф噭妞ゆ劧鎷�

濠殿喗甯楃粙鎺楀垂閻㈠壊鏁囬柛锔诲幐閸嬫捇鎮烽柇锔叫﹂梺鍛婄懕閹凤拷

缂傚倸鍊搁崯顖炲垂閸︻厼鍨濋柛鎾茶閸嬫捇鎮烽柇锔叫﹂梺鍛婄懕閹凤拷

缂傚倷绶￠崹闈涚暦閻㈤潧鍨濋柣鎴灻杈ㄤ繆椤栨碍鎯堟い鏇嫹

闂備礁鎼崐瑙勫垔娴犲瀚冮悗锝庡枛缁€鍫⑩偓骞垮劚濞层劍瀵奸敓锟�

缂傚倸鍊风粈浣衡偓姘煎枤缁辩偞寰勫畝鈧壕濂告倵濞戞顏囶暯

缂傚倸鍊搁崯顖炲垂閸︻厼鍨濋柛鎾茶閸嬫捇鎮烽柇锔叫﹂梺鍛婄懕閹凤拷

缂傚倸鍊搁崯顖炲垂閸ф违濠㈣埖鍔曠粈鍡涙煛閸垺鏆╃紒瀣舵嫹

缂傚倸鍊搁崯顖炲垂閸︻厼鍨濋柤鍝ユ暩椤╂煡鏌曢崼婵囶棤闁靛牞鎷�

闂佸搫顦遍崕鎰板垂椤栨埃鏋庨柕蹇嬪€曞Λ妯好归悡搴ｆ憼妞わ讣鎷�

濠电偞鍨堕幐濠氭嚌妤ｅ啫鑸归悗闈涙啞鐏忓酣鏌涢弴銊ユ珮闁哥儑鎷�

闂佽娴烽幊鎾凰囬鐐茬煑闊洦娲樼亸搴ㄦ煕閺囥劌娅橀柛鐑囨嫹

濠电偞鍨堕幐濠氭嚌妤ｅ啫鑸归柟缁㈠枛缁€澶愭煏婵犲繗鍚傞柛瀣崌閺佹捇鏁撻敓锟�

CPU

濠电偞鍨堕幐鍓у垝椤栨凹鐔嗛柨鐕傛嫹

闂備礁鎲￠崝鏇㈠箠鎼淬劍鍋ら柨鐕傛嫹

闂備礁鎼€氼參宕曢崘鑼殾闁跨噦鎷�

闂備胶枪缁绘劙藝閻㈢ǹ鐓橀柨鐕傛嫹

缂備胶铏庨崣搴ㄥ礈濞戞◤娲晸閿燂拷

闂備礁鎼€氼剚鏅舵禒瀣︽慨妯挎硾闂傤垶鏌ㄩ悤鍌涘

闂備浇妗ㄩ悞锔界珶閸℃稒鍋夐柨鐕傛嫹

濠电姰鍨奸崺鏍偋閻愪警鏁婇柨鐕傛嫹

闂備浇妗ㄧ粈渚€鎮洪妸銉㈡敠闁逞嶆嫹

闂備胶枪缁绘垵锕㈤崷顓炲灊闁跨噦鎷�

⊕ 网站首页 ⊕注册会员 ⊕ 本站免费电影 ⊕ 留言板 ⊕ 繁體中文

您现在的位置：陈鹏个人网站 >> 电脑应用 >> 网络应用 >> 网页制作 >> 正文

闂備焦妞垮鈧紒鎻掝煼瀹曟粓鎼归锝呭妳闂佸搫鍟崐褰掑汲韫囨拹娑㈡晲閸℃瑥鈷岄梺闈涙４閹凤拷

缂備胶铏庨崣搴ㄥ礂濞戞ǚ鏋庨柕蹇娾偓宕囩獮闂佸疇妗ㄩ懗鍫曞垂閿燂拷

濠电偛鐡ㄧ猾鍌炲礃閳哄倸鍓梺璇茬凹缁茬粯绔熼崼銉ョ獥闁跨噦鎷�

闂佸搫顦遍崕鎰板垂椤栨埃鏋庨柕蹇婃噰閸嬫挸鈽夊畷鍥╂殺闁诲孩鐔幏锟�

缂傚倸鍊搁崯顖炲垂閸︻厼鍨濋柤绋跨仛閸庣喖鏌￠崘銊モ偓褰掑汲閿燂拷

IT闂備礁鎼崐鐑藉础閸愬樊娓婚柨鐕傛嫹

闂佸湱鍘ч悺銊ヮ潖婵犳艾鏋侀柕鍫濐槸缁狀噣鏌嶈閸撴瑩顢欒箛娑欐櫢闁跨噦鎷�

闂備焦妞垮鈧紒鎻掝煼瀹曟粌鐣烽崶鈺冿紲缂傚倸鐗忔慨鐢稿矗閿燂拷

闂佽崵鍠愰悷銉ノ涘┑瀣ㄢ偓鍌炲醇閺囩偞鐎┑鐐叉閸ㄧ喖寮婚敓锟�

专题栏目

婵犵數鍋涙径鍥礈濠靛棴鑰垮ù锝呮贡椤╃兘鎮规担鍝ワ紞缂佸鐏濋埥澶愬箻鐎涙ê纾冲銈忕导缁瑥顕ｉ崐鐔虹杸闁哄洨鍠撻悰锟�

最新热门

最新推荐

相关文章

Adobe Flash CS4 试用版
 Photoshop CS3新特性概览
 腾讯TT4.5版发布 RSS可订
 Win Live Messenger 安全
 Adobe Illustrator CS3蓄
 闪客一族看过来 FlashCS
Live Messenger8.2支持多
 雅虎发布Messenger 9.0正
 最大规模 Adobe CS4套装
 Adobe Photoshop CS4最新

CSS教程实例：关于网页的两列布局

CSS教程实例：关于网页的两列布局

作者：陈鹏文章来源：eNet 点击数：130 更新时间：2009-9-12 2:52:19

新进的公司，接触新的东西，一切都让我倍感紧张。很久没有接触设计的东西了，突然上手就要做界面，心里还是很忐忑的。

　　贴一下Card的这个界面。

　　

　　以前很少使用这类的总宽度自适应100%，两列布局，一列固定，一列自适应的，于是，有点头大。

　　搜索了下，得到如下结果

　　.left { width:180px; float:left }

　　.right { } 可不用定义

　　但这样的话，就有几个问题：

　　1.在dw里面，right部分会延伸到整个屏幕，虽然在浏览器里是正确的，这样程序做起来可能会困惑。。

　　2.就是如果里面有不定义width的div存在，这个div就不会自动平铺背景，形成如下情况。

　　 CSS

　　这让我一时摸不到头脑，感觉对css还是知之甚少。

　　最后只有在right的下面套一个100%的table 来解决这个事情。

　　今天早晨来了以后，问同事要了以前partime做的东西，打开研究了一下，发觉，

　　其实这个问题很好解决，上面的问题2也可以一并解决掉！

　　代码如下：

　　.left { width:180px; float:left }

　　.right{ margin:0 0 0 180px;}

　　其实就是简单的把right的左边距设为left的宽度即可。唉。

　　我还是好好看看css基础的好。挫败感。

　　

文章录入：陈鹏责任编辑：陈鹏

上一篇文章：判断域名被百度降权的种种迹象

下一篇文章：实例：分析关键词的选取技巧

【字体：小大】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口】