让IE6识别min-height的方法

最新推荐文章于 2022-04-11 11:03:36 发布
最新推荐文章于 2022-04-11 11:03:36 发布
阅读量76 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/tangge/archive/2011/05/14/2046336.html
本文详细介绍了如何通过设置网页的高度来实现灵活的布局调整，包括使用auto!important、min-height和overflow属性的方法，并提供了实际应用案例。

方法一：

height:auto!important;
height:500px;
min-height:500px;




方法二：





min-height:500px;
    _height:500px;
    overflow:visible;






转载于:https://www.cnblogs.com/tangge/archive/2011/05/14/2046336.html

                

        




    

    
  



    



                



	

		

			

				
					
CSS实现最小宽度的正方形

				
			

			

				

					独碟的博客
				

				

					03-31
					
					418
					
				

			

		

		

			
				
题目，实现正方形容器，容器宽度随页面变化而变化，且最小宽度为500px；

和“如何让子容器的高度等于父容器的宽度的一半” 一样，可分别利用 padding 的白分比特性和viewPort的vw 单位实现；

题目两要求：正方形，最小宽度


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset...

			
		

	



                

            
              



	

		

			

				
					
html最小的,css设置最小高度

				
			

			

				

					weixin_30043179的博客
				

				

					05-31
					
					745
					
				

			

		

		

			
				
css怎么设置最大高度和最小高度CSS+DIV问题。DIV的最小高度问题。DIV层的最小高度问题。就是一个DIV有个最小高度，但是如果DIV层中的内容这个其实很简单，只要加上两条语句就行了。 #obj{ min-height:500px; _height:500px; } 第一条min-height:500px这是针对IE7和FF的，因为IE6不支持min-height属性。而第二条是用了hack...

			
		

	



              


  
              

                


	

		

			

				
					
html中最小高度,[原]CSS布局中最小高度（min-height）的妙用

				
			

			

				

					weixin_30995429的博客
				

				

					05-31
					
					270
					
				

			

		

		

			
				
残缺 完美 生活*{margin:0;padding:0;}body{font-family:Arial, Helvetica,宋体,sans-serif;font-size:12px;text-align:center;background-color:#D4D5CC;}#wrapper{height:auto!important;height:500px;min-height:500px;wi...

			
		

	





	

		

			

				
					
兼容的min-height

				
			

			

				

					weixin_33932129的博客
				

				

					05-18
					
					93
					
				

			

		

		

			
				
之前用

height:auto; height:500px; min-height:500px


发现有内容溢出，网上又看到一个

min-height:500px; _height:500px


初尝试了下可行，继续试
可以了，就是这些最简单的两个属性...

			
		

	



		

			
		



	

		

			

				
					
CSS——响应式网页(Bootstrap)

				
			

			

				

					qq_48613863的博客
				

				

					04-11
					
					7947
					
				

			

		

		

			
				
一套代码可以兼容不同的屏幕设备。响应式网页就是在大屏里看是一种布局，在小一点的屏幕看又是另一种布局，在更小的屏幕看又换了一种布局。如图所示：





一、媒体查询

作用：根据条件的不同，设置不同的css样式。

1、写法1

min-width（从小到大），max-width（从大到小）




<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta h

			
		

	





	

		

			

				
					
min-height和min-width的用法总结

					
热门推荐

				
			

			

				

					xi_2130的博客
				

				

					12-04
					
					2万+
					
				

			

		

		

			
				
给大美女讲解min-width，发现属性不是想的那样，装逼失败(ಥ_ಥ)已哭瞎， 
max-height，max-height这里我就不做探讨了，相信聪明的你如果理解了min-height，min-width，其他大家自会理解….1.min-heigh用法：设置一块区域的最小高度，额，似乎听起来有点晕，举个例子吧，    <div class="test">
        我是一只小青蛙我是一只小

			
		

	





	

		

			

				
					
让IE6支持最小高度min-height、最大高度max-height的方法

				
			

			

				

					09-25
				

			

		

		

			
				
本文将详细介绍如何让IE6支持`min-height`和`max-height`，以及如何同时兼容这两个属性。  1. **IE6支持`max-height`的解决方法**  在IE6中，我们不能直接使用`max-height`属性，因为它不被识别。一种常见的解决方案...

			
		

	





	

		

			

				
					
IE 6不支持min-height或max-width等属性的完美解决方案

				
			

			

				

					12-02
				

			

		

		

			
				
又是IE6！...第一种方法：我们可以利用IE6不识别!important来实现：  复制代码代码如下: height:auto !important; height:100px; min-height:100px;  这三句话，可以实现IE6下面min-height值为 100p

			
		

	





	

		

			

				
					
IE6不支持CSS中的min-width/height属性问题的解决方法

				
			

			

				

					09-25
				

			

		

		

			
				
而对于IE6，由于不识别min-height和!important属性，它会忽略第二个声明，而采用第三个声明的height值。这样，IE6浏览器中的元素依然能够保持设定的最小高度。  对于最小宽度的情况，解决方法类似： ```css .Elm {  ...

			
		

	





	

		

			

				
					
多种方法解决min-width 不兼容ie6的问题

				
			

			

				

					09-25
				

			

		

		

			
				
IE6 无法识别 min-width 属性，使得开发人员在兼容性方面遇到了难题。因此，解决 min-width 不兼容 IE6 的问题就显得尤为重要。以下为几种主流的解决方案：  首先，是利用 IE6 自身的渲染 bug 来实现类似 min-width ...

			
		

	





	

		

			

				
					
关于min-height注意点

				
			

			

				

					生姜有味
				

				

					06-18
					
					8466
					
				

			

		

		

			
				
方法一：
min-height:160px; 设置对象box的最小高度，Firefox、IE7+适用；
height:auto!important; 设置对象box的高度无自动定位，使用!important对下height高度定位设置进行优先级提升；
height:160px; 设置对象高度，因上属性!important运用，此属性只有IE6认。
方法二：
 min-height:160

			
		

	





	

		

			

				
					
css中的min-height有没有设置height

				
			

			

				

					qq_27790061的博客
				

				

					04-16
					
					234
					
				

			

		

		

			
				
结果如上图，代码如下
	
	<div style="width: 500px;min-height: 200px;
				background-color: #434055;">
        <div style="height: 100%;width:100px;
      			background-color: #fff;">
        </div>
    </div>

在父div里只设置min-height:200px,height.

			
		

	





	

		

			

				
					
CSS中min-height:100%问题

				
			

			

				

					Poised_flw
				

				

					03-19
					
					4525
					
				

			

		

		

			
				
字面意思就是最小高度,高度的百分比继承于父元素大小.在多次嵌套的div中若里层需要使用min-height:100%.则其所有祖先元素都得设置*{
    min-height:100%;
    height: 100%;
}

如下面的实现过程:


	
		test min-height
	
	
	html,body{
		height: 100%;
		margin: 0;
		pad

			
		

	





	

		

			

				
					
min-height:100px; height:auto;的用法

				
			

			

				

					Jruott的专栏
				

				

					07-24
					
					2451
					
				

			

		

		

			
				
总结：min-height:100px; height:auto;的用法
1、IE6有个BUG，就是如果指定了一个盒子的高度，但里面内容又溢出了，那这个盒子的高度则会失去作用，盒子的高度会随着内容的增长而自动增长
  （即内容不会溢出，而是把盒子撑大）
2、 IE7.0，8.0，FF如果在高度的方向内容溢出，它下面的弟弟元素会和上面的内容交叠在一起
（当内容少于height:100px;的

			
		

	





	

		

			

				
					
学习一下二维码相关的，集成下 zxing.zip

				
			

			

				

					09-12
				

			

		

		

			
				
学习一下二维码相关的，集成下 zxing.zip

			
		

	





	

		

			

				
					
生成二维码，可以带企业logo.zip

				
			

			

				

					09-12
				

			

		

		

			
				
生成二维码，可以带企业logo.zip

			
		

	





	

		

			

				
					
帝国CMS7.5仿完美游戏台游戏视频网站模板下载.zip

				
			

			

				

					09-12
				

			

		

		

			
				
本帝国cms模板由网络收集，整理升级为帝国CMS7.5，去除图片附件BUG和部分广告，已测试完美无错。
非常适合游戏视频网站使用，视频源采集的优酷，采集目标站以关闭，删除原火车头采集规则。
自带几万条测试数据，几百M测试图片，如何不需要可以到后台批量删除即可。

			
		

	





	

		

			

				
					
MATLAB中的Kolmogorov-Arnold网络_Kolmogorov-Arnold Networks in MA

				
			

			

				

					09-12
				

			

		

		

			
				
MATLAB中的Kolmogorov-Arnold网络_Kolmogorov-Arnold Networks in MATLAB.zip

			
		

	





	

		

			

				
					
友得云客房产小程序是一款专为房产行业打造的开源的线上营销获客小程序，功能包括：一手房、二手房、租房房源发布、二维码海报、

					
最新发布

				
			

			

				

					09-12
				

			

		

		

			
				
友得云客房产小程序是一款专为房产行业打造的开源的线上营销获客小程序，功能包括：一手房、二手房、租房房源发布、二维码海报、置业顾问电子名片，适用于房产开发商、代理商、房产自媒体等行业，拥有众多成功案例。前端采用微信小程序原生开发，后端采用java开发，社区版全部开源免费，您可以在此基础上进行修改和扩展，以适应您自己的业务。本项目所用技术栈有：java_springboot、js_vue.zip

			
		

	





	

		

			

				
					
min-height: calc(100vh - 60px)

				
			

			

				

					03-30
				

			

		

		

			
				
好的，我现在需要帮助用户解决关于CSS中min-height属性使用calc函数计算高度的问题，以及相关的兼容性情况。首先，我需要回忆一下min-height和calc函数的基本用法，然后考虑它们的兼容性。  首先，min-height属性...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值