CSS控制div宽度最大宽度/高度和最小宽度/高度

在网页制作中经常要控制div宽度最大宽度/高度或者最小宽度/高度，但是在IE6中很多朋友都会遇到不兼容的头疼问题，包括我也经常遇到这样的问题，在百度查了很多都没法解决，后来在一个论坛上学习到，在这里跟大家分享下css3样式代码，经过时间完全兼容各大主流浏览器。

* 最小寬度 */

.min_width{min-width:300px;
/* sets max-width for IE */
_width:expression(document.body.clientWidth < 300 ? "300px" : "auto");
}

/* 最大寬度 */
.max_width{
   max-width:600px;
   /* sets max-width for IE */
   _width:expression(document.body.clientWidth > 600 ? "600px" : "auto");
}

/* 最小高度 */
.min_height{
   min-height:200px;
   /* sets min-height for IE */
   _height:expression(this.scrollHeight < 200 ? "200px" : "auto");
}

/* 最大高度 */
.max_height{
   max-height:400px;
   /* sets max-height for IE */
   _height:expression(this.scrollHeight > 400 ? "400px" : "auto");
}

/* 最大最小寬度 */
.min_and_max_width{
   min-width:300px;
   max-width:600px;
   /* sets min-width & max-width for IE */
   _width: expression(
      document.body.clientWidth < 300 ? "300px" :
        ( document.body.clientWidth > 600 ? "600px" : "auto")
   );
}

/* 最大最小高度 */
.min_and_max_height{
   min-height:200px;
   max-height:400px;
   /* sets min-height & max-height for IE */
   _height: expression(
      this.scrollHeight < 200 ? "200px" :
        ( this.scrollHeight > 400 ? "400px" : "auto")
   );
}

转载于:https://www.cnblogs.com/good10000/p/5950141.html

CSS控制div宽度最大宽度/高度和最小宽度/高度相关推荐

css 控制div高度自适应浏览器的高度
css 控制div高度自适应浏览器的高度 1 <html> 2 <head> 3 <style> 4 #myTable{height:100%;border:sol ...
视频直播APP源码，通过css控制div内容展开更多/收起效果
视频直播APP源码,通过css控制div内容展开更多/收起效果一. 实现思路需要设置一个变量控制展开 / 收起效果提前写好最高高度的class样式,超出这个高度多余内容会隐藏只有在列表数据长度 ...
html div文本自动换行,html中使用css控制div、p、td等自动换行、自动折行方法
自动换行.自动折行已经是个老问题,使用css控制很简单,不过如果稍不注意可能解决了一却忽略了二,所以需要个完整解决办法. 需要搞定html中所有标签,比如div.p.td等. 方法: 这个方法支持ie ...
html二级菜单的自动宽度,如何使用CSS控制二级导航菜单宽度？_html/css_WEB-ITnose
New Document 首页新闻国际新闻国内新闻体育新闻财经股票市场证券行情基金保险联系我们回复讨论(解决方案) .menu li ul a{ display:block; font ...
css控制div等比高度
在移动端开发中,在banner轮播图未加载出来之前,banner层是不占文档流高度的,当从服务器获取完banner数据,展示的时候,banner层因为有了内容所以会撑开,导致banner层下面的内容 ...
前端学习笔记2017.6.12 CSS控制DIV
前一篇文章中用div布局了豆瓣东西的页面,如果用html代码表示的话大概是这个样子的 <!DOCTYPE html><html><head></head> ...
css控制div显示／隐藏方法及２种方法比较原码[转]
CSS中的display和visibility css中display和visibility语法,他们都可以隐藏和显示html元素.看齐来他们很相似,所以很多人还是会搞错. 谈们的属性分别如下: di ...
CSS控制div不换行，超过部分用点表示
<div class="panel-footer" style="white-space:nowrap;text-overflow:ellipsis;word-br ...
css div横屏超长滚动,CSS实现DIV超长截断，并显示...
DIV显示内容有时会超长,并把页面撑的很难看, 以前的做法是在JS中,或者后台判断其长度,过长就截断, 但由于中英文数字展示的宽度并不一样,截断的长度也就只能取最小值, 展示的效果也不好.利用CSS提 ...

CSS控制div宽度最大宽度/高度和最小宽度/高度

CSS控制div宽度最大宽度/高度和最小宽度/高度相关推荐

最新文章

热门文章