国产免费av片在线观看-国产免费av观看-国产免费av电影-国产免费a-四虎网站在线观看-四虎网站在线

訂閱本欄目 RSS您所在的位置: 深山工作室 > DIV+CSS > 正文

CSS設計中常見的精華問題收集

http://www.cnscn.org 2008/4/23 23:22:38 深山行者 字體: 瀏覽 7531
  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
相關閱讀
利用DIV+CSS制作浮動廣告,沒有用到多少javascript,全是css
深山網吧留言板(激情穿越火線)v4.3
中國通信服務攝影作品在線投票
CSS Alpha透明代碼相關知識學習
相愉草原旅游網
css改變頁面中的文字顏色與字體粗體
JS+CSS實現圖片放大預覽效果(購物時放在產品上面預覽圖片)
用uni-app里面的navigator做鏈接時感覺像有緩存只能點其中一個鏈接
共有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還有其它的嗎
更多>>隨機抽取信息
ASP FSO讀取XX文件夾下的所有文件與創建使用時間
旅行社網站管理系統商業版4.0發布
用Javascript仿flash焦點圖片效果支持IE與火狐
fiddler抓包在內容的SyntaxView窗口里面是亂碼
網頁頁面變灰,網頁變成黑白色
制作外貿企業英文網站存在的誤區查看與更改方法
主站蜘蛛池模板: 妈妈的脊背简谱| 何时何地因何种原因受过何种奖励或处分 | cctv17农业农村频道在线直播| 理发店3| 相声剧本(适合学生)| 韩国xxxxxxxxxxxx| 库存管理软件| 少妇的诱惑电影| 房斌| 活动评价| 徐若| 张艾嘉董子健吻戏| 40集电视连续剧人生之路| 员工离职协议书| 寡妇激情| kaylani lei| 唐人街探案四免费观看| 印度电影《希努》| 董佳妮| 极地快车| 菊次郎的夏天钢琴谱简谱| 美女乳| 单依纯个人资料| 石田介雄| 密使2之江都谍影演员表| 五年级上册第一单元数学试卷| 爱情公寓海报| 爱在线观看| 素人av在线| 1—36集电视剧在线观看| 刘慧茹| 白鹿罗云熙| 四 电影| 复仇者联盟4免费完整版电影| 谭凯琪| 洛兵| 我的刺猬女孩大结局| 李妍杜| 抖音网页抖音| 浙江卫视台节目表| 看美女图片|