| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2215 人关注过本帖
标题:请教,如何让左侧的列能自动和右侧一样高?
只看楼主 加入收藏
nicechlk
Rank: 3Rank: 3
等 级:论坛游侠
威 望:4
帖 子:330
专家分:187
注 册:2008-9-6
收藏
得分:0 
说明:像这个页面,左侧是个石头画,但是那个石头的顶端跑到上面去了。如果现在定好高度,那么当右侧的高度改变时,左侧高度又显得“矮了”。
左侧导航的行数是不固定的(用户可能会添加新的类别),右侧的高度也是不固定的(用户可能会修改简介从而改变字数的高度)。如何让“小石头”落到下面去呢?

[[it] 本帖最后由 nicechlk 于 2008-11-4 20:20 编辑 [/it]]

main.JPG (64.68 KB)
图片附件: 游客没有浏览图片的权限,请 登录注册

莫以善小而不为,莫以恶小而为之!
2008-11-04 20:09
kai
Rank: 20Rank: 20Rank: 20Rank: 20Rank: 20
等 级:版主
威 望:52
帖 子:3450
专家分:59
注 册:2004-4-25
收藏
得分:0 
nicechlk,
我说说我的个人看法:在导航栏的底端加一张图片,这种设计实在是有点不伦不类,从设计上我个人觉得不妥。

从技术实现方面来讲,如果这张图的尺寸不是很大,(既然你放在导航栏的底端, 那么这张图的尺寸应该不会很大),那么可以这么做:

<div class="vNavi_with_pic">
  <div class="pic_as_header">
    <img ......                     />
  </div>
  <ul class="v_navi">
    <li>item1</li>
    <li>item2</li>
    <li>item3</li>
    等等。。。
  </ul>
  <div class="pic_as_footer">
    <img src="stone.jpg" width="" height="" alt="" style="" />
  </div>
</div>

自由,民主,平等,博爱,进步.
中华民国,我的祖国,中华民国万岁!中华民国加油!
本人自愿加入中国国民党,为人的自由性,独立性和平等性而奋斗!
2008-11-05 10:17
nicechlk
Rank: 3Rank: 3
等 级:论坛游侠
威 望:4
帖 子:330
专家分:187
注 册:2008-9-6
收藏
得分:0 
看来我真的需要找找教程学习div了。谢谢你kai。

莫以善小而不为,莫以恶小而为之!
2008-11-05 11:26
nicechlk
Rank: 3Rank: 3
等 级:论坛游侠
威 望:4
帖 子:330
专家分:187
注 册:2008-9-6
收藏
得分:0 
嗯,我明白了,非常感谢!

莫以善小而不为,莫以恶小而为之!
2010-04-03 16:49
快速回复:请教,如何让左侧的列能自动和右侧一样高?
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.019251 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved