欧美日韩在线播放,欧美成人精品一区二区三区,国产在线视频一区二区

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

CSS設(shè)計(jì)中常見(jiàn)的精華問(wèn)題收集

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

firefox下，內(nèi)容float時(shí)，父容器不能被撐開(kāi)（閉合容器或清除浮動(dòng)問(wèn)題）：<div><p>web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全web標(biāo)準(zhǔn)常見(jiàn)問(wèn)題大全</p></div>CSS代碼如下：div {
width:200px;
border:1px solid red
}
p {
float:left;
width:100px;
}現(xiàn)象：

可以看到，父容器沒(méi)有隨著子容器而擴(kuò)張。
解決方法：（1）加入<div style="clear:both"></div>清除浮動(dòng)。
（2）為父容器也添加float:left;屬性。
（3）.gainlayout{display:inline-block;} .gainlayout{display:block;}
IE6的雙倍邊距BUG：
在IE中，對(duì)一個(gè)div浮動(dòng)時(shí)，并設(shè)定該div的margin時(shí)，會(huì)出現(xiàn)雙倍的margin值。
CSS代碼：float:left;
margin-left:100px;現(xiàn)象：

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

解決方法：解決這個(gè)BUG的方法也有很多，可以是改變html的排版，或者設(shè)置img 為display:block。
或者設(shè)置vertical-align屬性為vertical-align:top | bottom |middle |text-bottom
都可以解決。
IE6下這兩個(gè)層中間有間隙：
代碼：<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
}現(xiàn)象：

解決方法：這個(gè)IE的3PX BUG也是經(jīng)常出現(xiàn)的，解決的辦法是給.right也同樣浮動(dòng) float:left 或者相對(duì)IE6定義“.left margin-right:-3px;”。
FF下文本無(wú)法撐開(kāi)容器的高度：
CSS代碼：div {
width:200px;
height:100px;
border:1px solid red
}現(xiàn)象：

可以看到，當(dāng)文字的內(nèi)容高度超過(guò)容器規(guī)定的高度時(shí)，容器不能自動(dòng)撐開(kāi)。
解決方法：標(biāo)準(zhǔn)瀏覽器中固定高度值的容器是不會(huì)象IE6里那樣被撐開(kāi)的,那我又想固定高度，又想能被撐開(kāi)需要怎樣設(shè)置呢？辦法就是去掉height設(shè)置min-height:200px; 這里為了照顧不認(rèn)識(shí)min-height的IE6 可以這樣定義：
{
height:auto !important;
height:100px;
min-height:100px;
}
IE6下容器的寬度BUG：
現(xiàn)象：

解決方法：
（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無(wú)法定義1px左右高度的容器：
現(xiàn)象：

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

前一頁(yè):DIV+CSS之自動(dòng)換行

后一頁(yè):網(wǎng)頁(yè)制作,改變你的思維方

相關(guān)閱讀: ASP利用fso讀取文件夾里所有文件的名字; shopify廣告與Facebook廣告操作; 超級(jí)實(shí)用且不花哨的js代碼大全( 2 ); 利用fso判斷文件是否存在; 澳游網(wǎng); asp將中文漢字字符轉(zhuǎn)為unicode編碼(\u編碼)與把unicode編碼轉(zhuǎn)為漢字; 網(wǎng)頁(yè)中自動(dòng)換行問(wèn)題; cookies

共有0條關(guān)于《CSS設(shè)計(jì)中常見(jiàn)的精華問(wèn)題收集》的評(píng)論: 發(fā)表評(píng)論

正在加載評(píng)論......

返回頂部發(fā)表評(píng)論

呢稱(chēng):
表情:
內(nèi) 容:	評(píng)論內(nèi)容:不能超過(guò) 1000 字,需審核,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。
驗(yàn)證碼:

網(wǎng)友評(píng)論聲明,請(qǐng)自覺(jué)遵守互聯(lián)網(wǎng)相關(guān)政策法規(guī)。

您發(fā)布的評(píng)論即表示同意遵守以下條款:
一、不得利用本站危害國(guó)家安全、泄露國(guó)家秘密,不得侵犯國(guó)家、社會(huì)、集體和公民的合法權(quán)益;
二、不得發(fā)布國(guó)家法律、法規(guī)明令禁止的內(nèi)容;互相尊重,對(duì)自己在本站的言論和行為負(fù)責(zé);
三、本站對(duì)您所發(fā)布內(nèi)容擁有處置權(quán)。

更多信息>>欄目類(lèi)別選擇: 百度小程序開(kāi)發(fā); 微信小程序開(kāi)發(fā); 微信公眾號(hào)開(kāi)發(fā); uni-app; asp函數(shù)庫(kù); ASP; DIV+CSS; HTML; python

更多>>同類(lèi)信息: jquery設(shè)置或獲取修改classname; 利用css3.0寫(xiě)出一個(gè)音樂(lè)播放的唱片碟盤(pán)的效果; 利用css中的scale()實(shí)現(xiàn)放大縮小效果; 利用background-color:#000000a8在背景顏色16進(jìn)制代碼之后加字母加上數(shù)字讓背景色透明; css背景使用base64編碼或者將base64編碼放在img圖片標(biāo)簽中; 利用css3中的-webkit-font-smoothing把網(wǎng)頁(yè)文字的毛邊去掉

更多>>最新添加文章: dw里面查找替換使用正則刪除sqlserver里面的CONSTRAINT; Android移動(dòng)端自動(dòng)化測(cè)試：使用UIAutomatorViewer與Selenium定位元素; 抖音直播音掛載小雪花懂車(chē)帝小程序; javascript獲取瀏覽器指紋可以用來(lái)做投票; 火狐Mozilla Firefox出現(xiàn)：無(wú)法載入您的Firefox配置文件它可能已經(jīng)丟失或是無(wú)法訪問(wèn) 問(wèn)題解決集合處理辦法; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; python通過(guò)代碼修改pip下載源讓下載庫(kù)飛起; python里面requests.post返回的res.text還有其它的嗎

更多>>隨機(jī)抽取信息: 純div+css制作的彈出菜單-02; 13種樣式檢測(cè)QQ是否在線的代碼; 在Android、iOS、Windows、MacOS中微信小程序的文件存放路徑; 程序員在網(wǎng)站設(shè)計(jì)時(shí)應(yīng)注意的SEO細(xì)節(jié); 超級(jí)實(shí)用且不花哨的js代碼大全( 1 ); 微信小程序騰訊視頻播放組件tencentvideo（wxa75efa648b60994b）

更多標(biāo)簽熱門(mén)標(biāo)簽

控制網(wǎng)頁(yè)制作 css ctrl 收縮 ewebeditor 提交加減驗(yàn)證固定做標(biāo) 采集 dt 數(shù)組設(shè)為首頁(yè) 幻燈論壇愛(ài)墻省略經(jīng)典的 html script 小偷顯示 document 心情 position 凹陷代碼 css PSD 高亮 Google label 像素字節(jié)數(shù) 客戶(hù)端分隔符 max 靜態(tài) 導(dǎo)航性能還原高度 css 透明路徑偽類(lèi) 緩存 onblur 排序隨機(jī)

天天射射天天_久久com_99这里只有精品视频_爱色av_国产在线a_99日韩

CSS設(shè)計(jì)中常見(jiàn)的精華問(wèn)題收集