Chinaunix首页 | 论坛 | 博客

xiaofei006的ChinaUnix博客

首页　| 　博文目录　| 　关于我

xiaofei006

  • 博客访问： 282984
  • 博文数量： 179
  • 博客积分： 2995
  • 博客等级： 少校
  • 技术积分： 2100
  • 用 户 组： 普通用户
  • 注册时间： 2008-12-13 10:21
文章分类

全部博文（179）

文章存档

2011年（1）

2010年（28）

2009年（150）

我的朋友
最近访客
推荐博文
相关博文
让DIV不换行及多div重叠

分类： 系统运维

2009-12-09 12:09:31

一，单个DIV：
1.用nobr元素
Co
de: 




不换行不换行





2.用nowrap元素
Code: 




div不换行div不换行div不换行





二，两个DIV
1. 用CSS里的float属性
Code: 



div#row1 { float: left; color: blue; }
div#row2 { color: red }



第一个div

第二个div不换行





2. 用CSS里的diplay属性
Code: 


CSS中的不换行

div#row1 { color: blue;display: inline }
div#row2 { color: red;display: inline }



第一个div

第二个div不要换行






多DIV重叠
1.
    
      

   ession(0-document.getElementById('left_bot_list1').offsetHeight);">
  
   
   
   ession(0-document.getElementById('left_bot_list1').offsetHeight-document.getElementById('left_bot_list2').offsetHeight);">
   
   


cript" language="Javascript">
function changeDivleft_bot(num){
if(num == 1){  

   left_bot_list1.style.visibility = "visible";
   left_bot_list2.style.visibility = "hidden";
   left_bot_list3.style.visibility = "hidden";
}
if(num == 2){  
  
   left_bot_list1.style.visibility = "hidden";
   left_bot_list2.style.visibility = "visible";
   left_bot_list3.style.visibility = "hidden";
  
}
if(num == 3){
   left_bot_list1.style.visibility = "hidden";
   left_bot_list2.style.visibility = "hidden";
   left_bot_list3.style.visibility = "visible";

}



}
//alert(tree.loaded);


2.
    
      
   
   
      
   
     
   
cript" language="Javascript">
function changeDivleft_bot(num){
if(num == 1){  
  
   left_bot_list1.style.display = 'inline';
   left_bot_list2.style.display = 'none';
   left_bot_list3.style.display = 'none'; 
}
if(num == 2){  
  
   left_bot_list1.style.display = 'none';
   left_bot_list2.style.display = 'inline';
   left_bot_list3.style.display = 'none';
  
}
if(num == 3){
   left_bot_list1.style.display = 'none';
   left_bot_list2.style.display = 'none';
   left_bot_list3.style.display = 'inline';

}



}

注意:此写法有一个问题

若页面头部有以上这句话则无法实现滚动条的功能,不知道为什么.
阅读(936) | 评论(0) | 转发(0) |
0

上一篇：css中的absolute和relative区别解析

下一篇：说说CSS中float的概念

给主人留下些什么吧！~~
关于我们 | 关于IT168 | 联系方式 | 广告合作 | 法律声明 | 免费注册

Copyright 2001-2010 ChinaUnix.net All Rights Reserved 北京皓辰网域网络信息技术有限公司. 版权所有

感谢所有关心和支持过ChinaUnix的朋友们

16024965号-6