日韩av电影在线网,天堂久久久久va久久久久,免费视频观看成人

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

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

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

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)閱讀: 微信公眾平臺(tái); asp隨機(jī)顯示字符長(zhǎng)度與類(lèi)型（可隨機(jī)顯示數(shù)字、小寫(xiě)字母、大寫(xiě)字母，可以做為隨機(jī)密碼使用）; 網(wǎng)站SEO優(yōu)化應(yīng)該注意的14點(diǎn)重要事項(xiàng); 連云港華夏國(guó)際旅行社有限公司; 利用window.open函數(shù)控制彈出窗口,設(shè)置個(gè)性的彈出窗口; 純div+css制作的彈出菜單-02; 深山行者留言系統(tǒng)V2.0 (簡(jiǎn)稱(chēng)留言板V2.0); CSS代碼格式化和壓縮化

共有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ī)抽取信息: Javascript JS 限制復(fù)選框的選擇個(gè)數(shù)(3); 用uni-app里面的navigator做鏈接時(shí)感覺(jué)像有緩存只能點(diǎn)其中一個(gè)鏈接; 東莞市潮流假期旅行社有限公司; DIV與Table布局在大型網(wǎng)站的可用性比較; excel中End(xlUp)取活動(dòng)單元表的第一列最后一個(gè)有值的行號(hào); 深山旅行社管理系統(tǒng)有后臺(tái)測(cè)試嗎？

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

media 限制分隔符 lightbox openwin 蜘蛛編輯經(jīng)典的模板錯(cuò)誤設(shè)置 script 代碼 word-spacing 滾動(dòng) 在線 DIV CSS做的透明菜單兼容IE、FF等垂直 slectindext 右擊 submit iis 安裝 DOCTYPE 計(jì)算圓角個(gè)人配色適應(yīng) 關(guān)鍵字漸隱表單 float 藍(lán)色理想 dl style 連云港旅游數(shù)據(jù)庫(kù) 彩色 expression 豎排 Abandon 文件類(lèi)型選項(xiàng) 百度調(diào)色器 window 多選 ie7 換行黑白