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

 

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

|
闂備焦妞垮鈧紒鎻掝煼瀹曟粓鎼归锝呭妳闂佸搫鍟崐褰掑汲韫囨拹娑㈡晲閸℃瑥鈷岄梺闈涙4閹凤拷
|
缂備胶铏庨崣搴ㄥ礂濞戞ǚ鏋庨柕蹇娾偓宕囩獮闂佸疇妗ㄩ懗鍫曞垂閿燂拷
|
濠电偛鐡ㄧ猾鍌炲礃閳哄倸鍓梺璇茬凹缁茬粯绔熼崼銉ョ獥闁跨噦鎷�
|
闂佸搫顦遍崕鎰板垂椤栨埃鏋庨柕蹇婃噰閸嬫挸鈽夊畷鍥╂殺闁诲孩鐔幏锟�
|
缂傚倸鍊搁崯顖炲垂閸︻厼鍨濋柤绋跨仛閸庣喖鏌¢崘銊モ偓褰掑汲閿燂拷
|
IT闂備礁鎼崐鐑藉础閸愬樊娓婚柨鐕傛嫹
|
闂佸湱鍘ч悺銊ヮ潖婵犳艾鏋侀柕鍫濐槸缁狀噣鏌嶈閸撴瑩顢欒箛娑欐櫢闁跨噦鎷�
|
闂備焦妞垮鈧紒鎻掝煼瀹曟粌鐣烽崶鈺冿紲缂傚倸鐗忔慨鐢稿矗閿燂拷
|
闂佽崵鍠愰悷銉ノ涘┑瀣ㄢ偓鍌炲醇閺囩偞鐎┑鐐叉閸ㄧ喖寮婚敓锟�
|
   
专 题 栏 目
 婵犵數鍋涙径鍥礈濠靛棴鑰垮ù锝呮贡椤╃兘鎮规担鍝ワ紞缂佸鐏濋埥澶愬箻鐎涙ê纾冲銈忕导缁瑥顕i崐鐔虹杸闁哄洨鍠撻悰锟�
相 关 文 章

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 点击数:129 更新时间:2009-9-12 2:52:19
 




 

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

  贴一下Card的这个界面。

  

CSS


  以前很少使用这类的总宽度自适应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基础的好。挫败感。

  

文章录入:陈鹏    责任编辑:陈鹏 
  • 上一篇文章:

  • 下一篇文章:
  • 【字体: 】【发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
     
     
     
     
     

    Copyright © 2007 - 2009 chenpeng123.com All Rights Reserved
    本站所有文章,软件等均来自网络收集,不代表本站观点,仅供学习和研究使用。如有侵犯您的版权,请联系我们,本站将立即删除。
    鲁ICP备07014697号
    你是本站第 位访客
    51La