仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 750|回复: 7
打印 上一主题 下一主题

[DIV+CSS] 来谈谈:CSS结构中最小高度(min-height)的妙用

[复制链接]
谁可相欹 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-16 00:22:31 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
搜索引擎更加友好。相对与传统的table,采用DIV+CSS技术的网页,对于搜索引擎的收录更加友好。
最小高度能够设定一个BOX的最小高度,当其内容较少不时,也能坚持BOX的高度为必定,超越就主动向下延长,但到今朝为止,只要Opera和Mozilla撑持,IE7入手下手也撑持了,但IE7处于测试阶段,等正式版公布到提高需一段大概对照长的工夫,除非MS把它绑缚在某个操纵体系上,怎样在现有基本上(IE680-90%),公道、妙用最小高度了?
假定有二个BOX,我们必要它的最小高度为150PX。
CSS
  1. 以下是援用片断:
  2. div.box1,div.box2{
  3. width:300px;
  4. min-height:150px;
  5. background:#EEE;
  6. float:left;
  7. margin-right:20px;
  8. }
复制代码
xhtml
  1. 以下是援用片断:
  2. <div>IE中没坚持最小高度为150px</div>
  3. <div>最小高度能够设定一个BOX的最小高度,
  4. 当其内容较少不时,也能坚持BOX的高度为必定</div>
复制代码
如今的效果,IE中没坚持最小高度为150px。
办理的办法

为IE设定一个高度
  1. 以下是援用片断:
  2. *htmldiv.box1,*htmldiv.box2{height:150px;}
复制代码
wellstyled.com的办理办法是接纳CSS的属性选择符(AttributeSelectors)
  1. 以下是援用片断:
  2. div.box1,div.box2{......height:150px;}
  3. /*IE靠这坚持最小高度,超越就主动向下延长*/
  4. div[class].box1,div[class].box2{height:auto;}
  5. /*具有类选择符(class)属性的DIV工具*/
复制代码
IE天然又是不撑持的啦,Opera和Mozilla撑持,读取这个高度。可使用场所:搜刮、文章等页面(没接纳100%高度,当搜到的内容较少时,不至于页面太短。
</p>
现在YAHOO,MSN等国际门户网站,网易,新浪等国内门户网站,和主流的WEB2.0网站,均采用DIV+CSS的框架模式,更加印证了DIV+CSS是大势所趋。
精灵巫婆 该用户已被删除
沙发
发表于 2015-1-18 06:25:19 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
板凳
发表于 2015-1-25 18:22:45 | 只看该作者
HTML技术的不断发展和完善,随之而产生了众多网页编辑器,从网页编辑器基本性质可以分为所见即所得网页编辑器和非所见即所得网页编辑器(则原始代码编辑器)
变相怪杰 该用户已被删除
地板
发表于 2015-2-3 14:31:42 | 只看该作者
Dreamweaver8中文版(dw)是由Macromedia公司开发的一款所见即所得的网页编辑器。和二维动画设计软件FLASH,专业网页图像设计软件FIREWORKS,并称为“网页三剑客”。
莫相离 该用户已被删除
5#
发表于 2015-2-9 04:17:36 | 只看该作者
时间轴)窗口--时间轴--选中图层并拖图层到时间轴,将其放在指定帧上
不帅 该用户已被删除
6#
发表于 2015-2-26 22:26:02 | 只看该作者
布局表格、绘制层、制作CSS样式表等,这些内容迷糊了我的视线,真是没想到制作一个精巧别致的网页是如此的困难,可是心有不甘。
爱飞 该用户已被删除
7#
发表于 2015-3-8 18:59:33 | 只看该作者
每天上网看着那样多的网页,于是我才下定决心选择了网页制作这一门课程,目的就是希望以后能够做出一个完美的网页来。
蒙在股里 该用户已被删除
8#
发表于 2015-3-22 23:18:35 | 只看该作者
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-12-23 01:14

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表