在线看亚洲,午夜精品久久,综合激情久久

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

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

http://www.cnscn.org 2008/4/23 23:22:38 深山行者字體:大中小瀏覽 7502

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

解決方法：加上display:inline即可。
IE6下圖片下方有空隙：
現象：

解決方法：解決這個BUG的方法也有很多，可以是改變html的排版，或者設置img 為display:block。
或者設置vertical-align屬性為vertical-align:top | bottom |middle |text-bottom
都可以解決。
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;”。
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;
}
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;
}
IE6無法定義1px左右高度的容器：
現象：

解決方法：解決的方法有很多，例如：overflow:hidden | zoom:0.08 | line-height:1px

前一頁:DIV+CSS之自動換行

后一頁:網頁制作,改變你的思維方

相關閱讀: 游戲-QQ穿越火線留言板模板; 四川省中國青年旅行社長順分社; 紹興中僑旅游網; 南通美泰旅行社; 如何利用ASP清除所有的Application對象; 支持IE與firefox(火狐)的css寫省略號方法; 關于SQL2008 “不允許保存更改。您所做的更改要求刪除并重新創建以下表。您對無法重新創建的標進行了更改或者啟用了‘阻止保存要求重新創建表的更改’” 解決方案; div span 之間不同的用法

共有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.NET常用的三十三種實用代碼(中); asp截取字符串：根據右邊第一個點(.)去掉擴展名; asp數組隨機排序; 汽車交易網站; 中國青島春秋國際旅行社有限公司

更多標簽熱門標簽

定律 blog font-size 右鍵快捷 body 文字 box 右擊失效小偷教程 FSO 進度色彩滾動 optgroup 火狐復制 window 我想你光標等高密碼獲取 CSS規范上一頁數據驗證圖層 strong 添加 Dreamweaver 排版十字高度 important 結果 IE8 分隔符容器系統論壇幻燈硬件 confirm 屏幕垂直常用轉換繁體

能看的av_午夜黄色av_在线观看国产视频_天天爱综合_国产精品亚洲成在人线_日韩一

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