<thead id="jxdzp"><address id="jxdzp"><pre id="jxdzp"></pre></address></thead>
<em id="jxdzp"><span id="jxdzp"></span></em>
    <listing id="jxdzp"><nobr id="jxdzp"><meter id="jxdzp"></meter></nobr></listing>
      

      <address id="jxdzp"></address>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      <noframes id="jxdzp"><form id="jxdzp"><th id="jxdzp"></th></form>
      

          

          

          


          




          

          
    
    
    
          

          

          


          
	
	
          

          


          



          
    
          
        
          訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文
          
        
        
          CSS設計中常見的精華問題收集
          
        
          http://www.cnscn.org 2008/4/23 23:22:38 深山行者 字體:大 中 小 瀏覽 7479
          
        
        
          
        
            
            
            • 
            
            • 
            
            • 
            
            • 
        
          
		
          
       
          
        
        
        
        
          

            

          1. firefox下，

 內容float時，父容器不能被撐開（閉合容器或清除浮動問題）：<div><p>web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全web標準常見問題大全</p></div>CSS代碼如下：div {
                width:200px;
                border:1px solid red
                }
            p {
                float:left;
                width:100px;
                }現象：

            可以看到，父容器沒有隨著子容器而擴張。
            解決方法：（1）加入<div style="clear:both"></div>清除浮動。
            （2）為父容器也添加float:left;屬性。
            （3）.gainlayout{display:inline-block;} .gainlayout{display:block;} 

          2. IE6的雙倍邊距BUG：
            在IE中，對一個div浮動時，并設定該div的margin時，會出現雙倍的margin值。
            CSS代碼：float:left;
                margin-left:100px;現象：

            解決方法：加上display:inline即可。 

          3. IE6下圖片下方有空隙：
            現象：

            解決方法：解決這個BUG的方法也有很多，可以是改變html的

 排版，或者設置img 為display:block。
            或者設置vertical-align屬性為vertical-align:top | bottom |middle |text-bottom
            都可以解決。 

          4. IE6下這兩個層中間有間隙：
            代碼：<div class="left">aaaaaa</div>
            <div class="right">aaaaaa</div>CSS代碼：.left {
                float:left;
                width:100px;
                height:100px;
                background:red
                }
            .right {
                width:100px;
                height:100px;
                background:orange
                }現象：

            解決方法：這個IE的3PX BUG也是經常出現的，解決的辦法是給.right也同樣浮動 float:left 或者相對IE6定義“.left margin-right:-3px;”。 

          5. FF下文本無法撐開容器的高度：
            CSS代碼：div {
                width:200px;
                height:100px;
                border:1px solid red
                }現象：

            可以看到，當文字的

 內容高度超過容器規定的高度時，容器不能自動撐開。
            解決方法：標準瀏覽器中固定高度值的容器是不會象IE6里那樣被撐開的,那我又想固定高度，又想能被撐開需要怎樣設置呢？辦法就是去掉height設置min-height:200px;  這里為了照顧不認識min-height的IE6 可以這樣定義：
            {
            height:auto !important;
            height:100px;
            min-height:100px;
            } 

          6. IE6下容器的寬度BUG：
            現象：

            解決方法：
            （1）div
            {
              border: 20px;
              padding: 20px;
              width: 200px;
            }
            * html div
            {
              width: 280px;
              w\idth: 200px;
            }
            （2）div
            {
              border: 20px;
              padding: 20px;
              width: 200px !important;
              width: 280px;
              width/**/:/**/200px;
            }
            （3）div
            {
              border: 20px;
              padding: 20px;
              width: 200px !important;
              width /**/:280px;
            } 

          7. IE6無法定義1px左右高度的容器：
            現象：

            解決方法：解決的方法有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px
                  
        
        
      
        
          
        
        
        
          
        
        
          
            
          相關閱讀
          
            
            
            
          武漢輝煌國際旅行社
          
            
            
            
          旅行社管理系統 V1.9
          
            
            
            
          a標簽的javascript鏈接
          
            
            
            
          如何提高網站的PR值
          
            
            
            
          加長增高對話框與文本框
          
            
            
            
          把以前的做的個人網站程序提供下載,程序大了點,不過全
          
            
            
            
          烏魯木齊旅游
          
            
            
            
          css解決中英混合鏈接下劃線不對齊問題
          
            
        
          
        
        
          
            
          共有0條關于《CSS設計中常見的精華問題收集》的評論
          
            
          發表評論
          
        
          
        
        
          
            
          正在加載評論......
          
        
          
                    
        
        
          
            
          返回頂部發表評論
          
            
          
            
          
                
          
                    呢 稱:
                    
                    
                    
                
          
                
          
                    表 情:
                    
            
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                            
            • 
                        
          		
                
          
                
          
                    內 容:
                    
          
        評論內容:不能超過 1000 字,需審核,請自覺遵守互聯網相關政策法規。
          		
                
          
                
          
                    驗證碼:
                    驗證碼 
                
          
                
          
                    
                    
                
          
            
            
          
            
          	
            網友評論聲明,請自覺遵守互聯網相關政策法規。
            
          您發布的評論即表示同意遵守以下條款:
          
            一、不得利用本站危害國家安全、泄露國家秘密,不得侵犯國家、社會、集體和公民的合法權益;
          
            二、不得發布國家法律、法規明令禁止的內容;互相尊重,對自己在本站的言論和行為負責;
          
            三、本站對您所發布內容擁有處置權。
          
            
          
            
          
        
          
        
    
          
    
    
          	
        
          
            
          更多信息>>欄目類別選擇
          
            
          百度小程序開發
          
            
          微信小程序開發
          
            
          微信公眾號開發
          
            
          uni-app
          
            
          asp函數庫
          
            
          ASP
          
            
          DIV+CSS
          
            
          HTML
          
            
          python
          
        
          
        
        
          
        
        
          
            
          更多>>同類信息
          
            
            
            
          jquery設置或獲取修改classname
          
            
            
            
          利用css3.0寫出一個音樂播放的唱片碟盤的效果
          
            
            
            
          利用css中的scale()實現放大縮小效果
          
            
            
            
          利用background-color:#000000a8在背景顏色16進制代碼之后加字母加上數字讓背景色透明
          
            
            
            
          css背景使用base64編碼或者將base64編碼放在img圖片標簽中
          
            
            
            
          利用css3中的-webkit-font-smoothing把網頁文字的毛邊去掉
          
            
        
          
        
        
          
        
        
          
            
          更多>>最新添加文章
          
            
            
            
          dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT
          
            
            
            
          Android移動端自動化測試：使用UIAutomatorViewer與Selenium定位元素
          
            
            
            
          抖音直播音掛載小雪花 懂車帝小程序
          
            
            
            
          javascript獲取瀏覽器指紋可以用來做投票
          
            
            
            
          火狐Mozilla Firefox出現：無法載入您的Firefox配置文件 它可能已經丟失 或是無法訪問 問題解決集合處理辦法
          
            
            
            
          在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑
          
            
            
            
          python通過代碼修改pip下載源讓下載庫飛起
          
            
            
            
          python里面requests.post返回的res.text還有其它的嗎
          
            
        
          
        
        
          
            
          更多>>隨機抽取信息
          
            
            
            
          uni-app自定義組件調用
          
            
            
            
          仿淘寶首頁商品分類列表效果
          
            
            
            
          微信公眾號用客服接口推送菜單消息
          
            
            
            
          360500整站頁面設計
          
            
            
            
          利用css中的scale()實現放大縮小效果
          
            
            
            
          一些平時用到HTML的過濾
          
            
        
          
        
        
        
    
          
    
          

          











          

88国产精品视频一区二区三区