页面div太大，导致显示不完全怎么解决？

最新推荐文章于 2021-11-22 14:18:01 发布
最新推荐文章于 2021-11-22 14:18:01 发布
阅读量744 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cdlzxf/article/details/42235291
版权 
在div的样式里加入 height:auto; overflow:auto;两个属性
表示自适应高度和自动出现滚动条

                

        

        

    

  


    

      

        

            

              
                
                  寻找心灵中的自己
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
html页面滑动不流畅,解决页面使用overflow:scroll在移动端iOS系统上滑动出现卡顿的问题...

				
			

			

				

					weixin_35975406的博客
				

				

					06-03
					
					1520
					
				

			

		

		

			
				
对某个div或模块使用了overflow:scroll属性，在iOS系统的手机上浏览时，则会出现明显的卡顿现象。但是在android系统的手机上则不会出现该问题。通过一个早上的爬虫搜索和与前端开发高手的技术探讨得知以下代码可解决这种卡顿的问题：-webkit-overflow-scrolling:touch;据说是因为这行代码启用了硬件加速特性，所以滑动很流畅。但是这个属性也会相对耗费更多内存。在...

			
		

	



                

              
                



	

		

			

				
					
html兼容模式下不显示图片,HTML 邮件兼容问题与解决方案

				
			

			

				

					weixin_35763448的博客
				

				

					06-04
					
					647
					
				

			

		

		

			
				
HTM年有这只制明个手近天点里要它出水机近天点L 邮件内容虽然也是 HTML，但是和我们在网页上使用的 HTML 不同，因为安全原因，各大邮箱服务商及邮件客户端都会对邮件内容进行一定程度上的处理，不会按照你写的原本 HT不事时功来这制请例在屏随会和时实于幻近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚兼现的灯近支前我能又些器求如浏蔽机和滚...

			
		

	



                


  
              

                


	

		

			

				
					
实现div内部文字，一旦超出div的范围，就不显示，并且超出的用"..."显示

				
			

			

				

					不抛弃不放弃
				

				

					07-05
					
					6743
					
				

			

		

		

			
				
当内部不足以填充满整个div的时候，文字内容以居中显示，当内超出范围就截断，多出的部分并以.。。。来代替。
方法1：只用CSS样式进行控制，但是找个方法的兼容性不知道怎么样，反正在火狐11上是成功了！上代码
div id="gaoshi1" style="WORD-WRAP: break-word">
只写整个是不行的，效果应该就是截断，记住div一定要设定width和hight;
最后要

			
		

	





	

		

			

				
					
html盒子模型子元素怎么水平占满父元素_子div用了float浮动之后,如何撑开父元素,让父元素div自动适应高度...

				
			

			

				

					weixin_39792475的博客
				

				

					12-21
					
					477
					
				

			

		

		

			
				
当在对象内的盒子使用了float后，导致对象本身不能被撑开自适应高度，这个是由于浮动产生原因。如何解决父div对象自适应高度，方法有三种，接下来DIVCSS5逐一介绍。1、首先我们先看HTML源代码：html>父div不自适应高度实例.divcss5{width:500px;border:1pxsolid#000;padding:10px}.divcss5-lf{float:le...

			
		

	



		

			
		



	

		

			

				
					
小技巧助你解决div+css网页内容显示不完整

				
			

			

				

					qq_37415950的博客
				

				

					05-10
					
					4543
					
				

			

		

		

			
				
今天调一个布局,调了老一会没调好,就是内容显示不全,然后突然看到这篇文章 得到点启发,所以转发下支持下  在测试网页效果时，你是否为网页在IE6版本的浏览器中能正常打开，网页显示完整。而在IE7及以上版本和火狐浏览器中却显示不完整而烦恼呢？如果是的话，今天你来到课课家网站是一个正确的选择。因为今天我们将和大家一起探讨如何解决div+css网页内容显示不完整的问题。一、初步分析原因　　俗话说得好，事...

			
		

	





	

		

			

				
					
html 如何完美的显示图片，不拉伸图片，完整显示等等。

				
			

			

				

					PrimaryColor
				

				

					11-22
					
					1万+
					
				

			

		

		

			
				
效果图：





代码：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        i.

			
		

	





	

		

			

				
					
前端页面中div盒子显示属性值无效，调整不了高和宽

					
最新发布

				
			

			

				

					06-12
				

			

		

		

			
				
2. 盒子的内容太多，导致高和宽被撑大。这种情况下，可以设置overflow属性为hidden，让内容溢出隐藏。例如：  ``` .box {  height: 100px;  width: 200px;  overflow: hidden; } ```  3. 盒子的父元素也有高和宽的...

			
		

	





	

		

			

				
					
html兼容模式下不显示图片,HTML邮件兼容问题与解决方案

				
			

			

				

					weixin_39984442的博客
				

				

					06-04
					
					873
					
				

			

		

		

			
				
问题描述：今天给后端同学写了一个邮箱发送页面，由于之前没有这方面的经验，很多标签都是用最新的H5标签，样式也是很多C3样式，当时还考虑到IE低版本的兼容性，谁知道在浏览器中显示正常，在移动端显示就好像没有引入样式一样，反复查看代码感觉没啥毛病，最后在网上S了下，才焕然大悟。原来HTML 邮件内容虽然也是 HTML，但是和我们在网页上使用的 HTML 不同，因为安全原因，各大邮箱服务商及邮件客户端都...

			
		

	





	

		

			

				
					
设置div的时候有时候用到宽度100%会导致撑破盒子的问题解决

				
			

			

				

					weixin_42302291的博客
				

				

					01-02
					
					1801
					
				

			

		

		

			
				
相信大家在做网页页面设计的时候，都会遇到这么一个问题：在设计俄罗斯套盒的时候（我在说什么？）咳咳，即当盒子里面再套一个盒子的时候，里面盒子由于外面盒子的border和其本身设置的border，padding，margin等元素，会把外面的盒子给撑破了。即使在外面的盒子加了padding也不能解决这个情况。
我在学习设计一个类似QQ空间的网页的时候也遇到了这个问题，里面text area撑破了外面的...

			
		

	





	

		

			

				
					
解决div太大，取区域地图时遇到显示效果偏小，放大地图级别又会导致区域地图大小填满div大小

				
			

			

				

					Half of if的博客
				

				

					08-26
					
					530
					
				

			

		

		

			
				
设置地图级别为13时效果：区域显示太小



设置地图级别为14时效果：会遮挡部分地方



解决方式：使用div局部放大效果  缩放属性 transform:scale(a);  0<a<1 缩小   1<a放大

比如 <div style="transform:scale(0.65);"></div>  div縮小...

			
		

	





	

		

			

				
					
html的div内容溢出后无法查看，如何显示滚动条下拉查看？

				
			

			

				

					weixin_41380972的博客
				

				

					07-03
					
					3091
					
				

			

		

		

			
				
今天做项目的时候，当div固定高度时导致里面的内容溢出，而无法查看看其它剩下的内容，这个方法很实用，特别是在需要显示更多内容的时候。
关键在所在页面添加即可：overflow-y:auto;
...

			
		

	





	

		

			

				
					
html frame 不显示不全,每个游览器框架显示不全.怎么办？

				
			

			

				

					weixin_33411250的博客
				

				

					07-15
					
					494
					
				

			

		

		

			
				
【问题描述】：网页游戏黑屏，白屏，IE导致的无法调出flash.【原因分析】：Flash游戏无法运行时，可能由于IE内核导致无法调出flash插件导致。我们尝试通过对IE的升降级进行测试，以下是IE升降级的教程，【简易步骤】：IE降级：【360安全卫士】—【软件管家】—【软件安装】-搜索IE8。找到并运行卸载程序IE升级：【360安全卫士】—【软件管家】—【软件安装】-搜索IE8。找到并运行安装程...

			
		

	





	

		

			

				
					
html,添加iframe后，其他div看不见了

				
			

			

				

					禅者，心如止水
				

				

					12-10
					
					2635
					
				

			

		

		

			
				
html,添加iframe后，其他div看不见了，原因：没有用,我用了/>....

			
		

	





	

		

			

				
					
Html显示图片时，超过规定尺寸大小，则同比缩放图片显示，保持页面不变形的方法

					
热门推荐

				
			

			

				

					ma451152002的专栏
				

				

					05-18
					
					3万+
					
				

			

		

		

			
				
Html显示图片时，超过规定尺寸大小，则同比缩放图片显示，保持页面不变形的方法：


	.L_center_img img{
		 max-height:145px;
		 max-width: 120px; 
		 vertical-align:middle;
	 }

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值