火狐(firefox)中，层为空时，宽度无效问题

最新推荐文章于 2022-05-13 10:15:17 发布
最新推荐文章于 2022-05-13 10:15:17 发布
阅读量1k 收藏
点赞数
CC 4.0 BY-SA版权
分类专栏： WEB 文章标签： firefox float div ie
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/hy840429/article/details/6802964 








假如有3个div层左浮动，<div style="float:left;width:200px;">1111</div><div style="float:left;width:200px;"></div><div style="float:left;width:200px;">333</div>，中间一个div层无内容在firefox下该层宽度无效，而IE6，IE7则无此问题

1，给该元素一个无色的边框

2，给该元素设置一个高度



                

        

    

    
  



    



                



	

		

			

				
					
火狐浏览器书签工具栏固定书签宽度

				
			

			

				

					wybliw的专栏
				

				

					05-27
					
					4857
					
				

			

		

		

			
				
下载stylish样式插件，添加如下样式代码：



/*书签工具栏高度变窄*/

#PersonalToolbar{margin-top:-3px!important;}


/*书签栏左右变窄*/

/*图标宽度*/
.bookmark-item > .toolbarbutton-icon {margin: 0px 0px 0px -2px !important;padding: 0p

			
		

	



                

            
              



	

		

			

				
					
史诗级大无语事件之火狐/safria对于flex的兼容性问题，flex-flow: colum wrap；不计算排序后的宽的问题

					
最新发布

				
			

			

				

					Shi_haoliu的博客
				

				

					04-07
					
					848
					
				

			

		

		

			
				
在火狐和safria中flex排列和writing-mode失效的问题解决（火狐是writing-mode失效问题，safria是没有writing-mode只能用flex去写）

			
		

	



              


  
              

                


	

		

			

				
					
firefox ie chrome 设置单元格宽度 td width 有bug,不能正常工作。以下方式可以解决...

				
			

			

				

					weixin_34194379的博客
				

				

					08-04
					
					430
					
				

			

		

		

			
				
1.firefox ie chrome 设置单元格宽度 td width 有bug,不能正常工作。
如果是上面一行 和下面一行是分别属于两个table,但是他们的列需要对齐，也就是说分开画的，然后设置相同的width。此时上下单元格的列宽可能会偏差1px,这种情况会发生在当前单元格的内容过长，超出了单元格的宽度（目测设置的单元格宽度是<=20px). 解决办法是在已有的宽度基础上+2,或...

			
		

	





	

		

			

				
					
火狐html的宽度,div+css 常用两栏/三种自动适应宽度分栏 兼容ie6789 火狐 谷歌等浏览器_html/css_WEB-ITnose...

				
			

			

				

					weixin_42384267的博客
				

				

					06-10
					
					322
					
				

			

		

		

			
				
CSS两列布局，右侧固定，左侧自适应宽度< div style = "width:90%; margin:0 auto; overflow:auto; _display:inline-block;" >< div style = "width:200px; float:right; background:#090" >这是右侧的内容 div >< div sty...

			
		

	



		

			
		



	

		

			

				
					
火狐浏览器 宽度设定及空格与IE统一方法

				
			

			

				

					zf_missyou的专栏
				

				

					07-22
					
					618
					
				

			

		

		

			
				
<br />.rblA<br />{<br />    <br />    width:550px!important;<br />}：设定宽度<br /> <br />用全角来空格来代替传统空格 火狐和IE就可统一

			
		

	





	

		

			

				
					
火狐浏览滚动条设置颜色以及宽度

				
			

			

				

					sxmfendou的博客
				

				

					01-17
					
					1758
					
				

			

		

		

			
				
火狐浏览滚动条设置颜色以及宽度

			
		

	





	

		

			

				
					
CSS技巧DIV为空时占据空间的解决办法

				
			

			

				

					10-30
				

			

		

		

			
				
特别是在旧版本的Internet Explorer（IE6和IE7）浏览器中，与现代浏览器（如Firefox）相比，有着不同的解析行为。  当给DIV设置固定宽度，例如width:100%，理论上该DIV应占据其父容器的全部宽度。但在IE6和IE7浏览器...

			
		

	





	

		

			

				
					
IE与Firefox的CSS兼容大全 推荐

				
			

			

				

					09-25
				

			

		

		

			
				
在互联网技术领域，网页设计师和前端开发工程师常常会遇到不同浏览器对CSS样式的解析存在差异的问题，尤其是IE（Internet Explorer）和Firefox（火狐）这两款主流浏览器之间的兼容性问题。CSS（层叠样式表）作为网页...

			
		

	





	

		

			

				
					
div中子div在firefox ie 水平居中对齐

				
			

			

				

					09-25
				

			

		

		

			
				
但是，在Firefox浏览器中，`text-align`对`div`这样的块级元素无效，除非它的`display`属性被设置为`inline`或`inline-block`。默认情况下，`div`是块级元素，`text-align`只会对其内的文本内容起作用，不会影响子`...

			
		

	





	

		

			

				
					
span无法设置宽度的问题的解决方法

				
			

			

				

					09-25
				

			

		

		

			
				
这个老版本的Firefox（Gecko引擎）前缀属性可以帮助在那些不支持`inline-block`的浏览器中实现类似的效果。  示例代码如下： ```css span {  display: -moz-inline-box; /* For old Firefox */  display: inline-...

			
		

	





	

		

			

				
					
0.5px惹的祸

				
			

			

				

					写代码有点意思哦
				

				

					07-05
					
					292
					
				

			

		

		

			
				
近日UI改造，遇一浏览器兼容问题，久攻不破，偶见css中0.5px，改之1px，遂破，此记以戒。

			
		

	





	

		

			

				
					
CSS3的writing-mode属性

				
			

			

				

					weixin_30654419的博客
				

				

					05-04
					
					526
					
				

			

		

		

			
				
writing-mode这个CSS属性以前是IE的独有属性，IE5.5浏览器就已经支持了。在很长一段时间里，FireFox, Chrome这些现代浏览器都不支持writing-mode，各大现代浏览器纷纷对writing-mode实现了更加标准的支持（主要得益于FireFox浏览器的积极跟进）。
1.writing-mode的浏览器的兼容性如下：

2.writing-mode的语法：
...

			
		

	





	

		

			

				
					
body中设置宽高不起作用

				
			

			

				

					憧憬，思考，奋斗，飞翔
				

				

					05-13
					
					1622
					
				

			

		

		

			
				
问题描述
想用样式对body进行设置，达到显示200*100的页面，可最终的结果是整个页面都铺满红色，宽高没有起作用。
<html>
	<head>
		<title>dafd</title>
		<style>
			
			body {
				  height: 200px;
				  width: 100px;
				  background-color: red;
			}
		</style>
	</head&gt

			
		

	





	

		

			

				
					
ie浏览器和火狐浏览器对对容器宽度定义的差异

				
			

			

				

					weixin_30522095的博客
				

				

					07-28
					
					101
					
				

			

		

		

			
				
　首先我们说说firefox和IE对CSS的宽度显示有什么不同： 　　其实CSS ’width’ 指的是标准CSS中所指的width的宽度，在firefox中的宽度就是这个宽度。它只包含容器中内容的宽度。而Internet Explorer ’width’则是指整个容器的宽度，包括内容，padding ，border。 Firefox中：容器占的宽度=内容宽度+padding宽度+border宽度...

			
		

	





	

		

			

				
					
修改firefox浏览器滚动条的样式

				
			

			

				

					qq_42483955的博客
				

				

					01-04
					
					7417
					
				

			

		

		

			
				
最近做了一个网站的项目，使用原生的滚动条。ie和谷歌都显示的好好的，火狐的滚动条样式没有生效。
原因：火狐浏览器没有提供原生滚动条的方法和属性。后来浏览器升级之后提供了部分可以修改样式的属性(属性较多，我就不一一举例了)。
只在火狐中项目原生滚动条太粗，挡住了输入框。动其他的css又会影响别的浏览器样式。所以我设置了火狐滚动的宽度
.contanner {
	width: 375px;
	overflow-y: scroll;
	overflow-x: hidden;
	height: 450px;
	sc

			
		

	





	

		

			

				
					
[jQuery][css]通过$("#id").width();设置元素宽度在火狐无效

				
			

			

				

					我是涛锅
				

				

					05-11
					
					2210
					
				

			

		

		

			
				
类似如下代码，chrome下正常，可是在Firefox却总是不对$("#id").width(100);解决方案：$("#id").css('width','100px');

			
		

	





	

		

			

				
					
js的 style.width 取不到元素的宽度值

				
			

			

				

					weixin_30576859的博客
				

				

					11-26
					
					303
					
				

			

		

		

			
				
以前一直用jquery的.width()方法来获取一个元素的当前的宽度。不管该元素是否设置了宽度，CSS样式是内联、外联or内嵌，都可用此方式获得元素当前的宽度。

今天想用原生JS想获取一个元素宽度时，写document.getElementById("id").style.width或者document.getElementById("id").width都取不到值。。。


总结...

			
		

	





	

		

			

				
					
"专业 CSS兼容IE和Firefox技巧集合

				
			

			

				

					
				

			

		

		

			
				
这些技巧可以帮助网页设计师更好地处理CSS兼容IE和Firefox的问题，确保网站在不同浏览器上的正常显示。如果学习并掌握了这些技巧，就能够更加轻松地应对不同浏览器的兼容性问题，提高网页的用户体验。因此，对于有关...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

  
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

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

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

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

              

            

          

      

      余额充值