CSS中margin出現(xiàn)空白的問題
不過這里我們要說(shuō)的當(dāng)前元素的margin與其父級(jí)元素之間產(chǎn)生的效果。
我們以這個(gè)DOM結(jié)構(gòu)來(lái)舉例，.container為最外層的父級(jí)元素：
我們先看下上邊距的情況，在 .user, .a1, .b1中，無(wú)論哪個(gè)元素，只要其父級(jí)元素沒有設(shè)置padding-top或者沒有其他元素（元素節(jié)點(diǎn)或者文本）的輸出，那么當(dāng)前元素的頂部會(huì)與其父級(jí)元素的頂部對(duì)齊，margin-top的邊距就會(huì)上升到其父級(jí)；然后一直向上尋找，直到body元素。
比如上面的結(jié)構(gòu)中，我們給.b1一個(gè)margin-top值，最終會(huì)上邊距會(huì)給到了.container
如果我們只想給當(dāng)前元素一個(gè)人margin-top值，并不想影響其父級(jí)元素怎么辦呢？
1.給其直接父元素一個(gè)不為零的padding-top值；
2.給當(dāng)前元素的前面添加一個(gè)高度不為零的兄弟元素，這個(gè)兄弟元素可以用 占位隱藏，但不能用 隱藏，因?yàn)? 會(huì)使這個(gè)元素的高度變?yōu)?；
3.給父元素一個(gè)透明的邊線： border:1px solid transparent;
4.將父元素設(shè)置為絕對(duì)定位 position:absolute;
5.父元素添加 overflow:hidden;
6.最后就是考慮是否將margin-top切換成padding-top。
再一個(gè)就是下邊距的問題，下邊距會(huì)與上邊距產(chǎn)生一模一樣的問題，也可以按照這3種方式來(lái)解決。不過這里的下邊距還有另外一個(gè)問題。
我們使用這條語(yǔ)句，將.container的最小高度設(shè)置為頁(yè)面的高度：
我們?cè)俳o.user或.a1或.b1一個(gè) 值，我們會(huì)發(fā)現(xiàn)，在.user的高度+下邊距還遠(yuǎn)遠(yuǎn)沒有超過.container的高度時(shí)，頁(yè)面就已經(jīng)產(chǎn)生滾動(dòng)條了，說(shuō)明margin-bottom已經(jīng)作用到.container了。之前沒注意到這個(gè)現(xiàn)象，是我們的產(chǎn)品在用之前的頁(yè)面修改后作為新頁(yè)面的時(shí)候，發(fā)現(xiàn)產(chǎn)生了滾動(dòng)條，調(diào)試后才發(fā)現(xiàn)，原來(lái)是里面的一個(gè)元素有margin-bottom把整個(gè)頁(yè)面撐開了，造成頁(yè)面產(chǎn)生了滾動(dòng)條，底部有一部分的白底。
這個(gè)怎么解決呢，解決方法依然同上！
用js控制兩個(gè)div的高度一致,div1.style.height=div2.offsetHeight怎么沒...
這是你上個(gè)問題，我試了下，原因：右div的高度>外面的大div,導(dǎo)致左邊下面的空白。最好把右div的高與外面div的高設(shè)置成一樣。
如圖。HTML怎么把頁(yè)面分成3部分?
上面那兩個(gè)div設(shè)置百分比寬度不要占滿, footer CSS .one{ width:1240px;height:340px;margin:16px auto 16px;} .one .two{ width:702px;height:320px;background:#333;float:left;border-radius:5px;border:10px solid #666;} .one .two .ss{ width:702px;height:155px;backgro...
阿怡大小姐代打視頻直播LOL用I57500或者用了5年的I53代或者e3或者e5或者...
7,阿奇霉素片吃過量了不問有啥大問題吧首先阿奇霉素是種大環(huán)內(nèi)酯類的抗生素,吃多了會(huì)產(chǎn)生耐藥性;其次,它對(duì)胃腸道的刺激比較大,易引起胃腸道不適!吃多了燒胃,還會(huì)肚子疼,從現(xiàn)在起減量或者停用,一定要在吃完飯后吃,后期不會(huì)有什么影響的.阿奇霉素的胃腸道副作用較大,如果不適的癥狀嚴(yán)重,還是去醫(yī)院診治一下吧!
css中,如何設(shè)置前景色的透明度?
1、準(zhǔn)備好初始化的代碼 2、初始化樣式 div{ border:1px red solid;width:800px;height:800px;background-color:blue;} 3、運(yùn)行結(jié)果為 4、設(shè)置背景顏色半透明的樣式代碼background-color:rgba(0,0,255,0.5);5、運(yùn)行結(jié)果為 透明原理：把背景顏色設(shè)置為rgb的方式，然后再加一個(gè)透明...
關(guān)于html\/css表格單元格寬度不同設(shè)置的問題
是為了符合所為“標(biāo)準(zhǔn)”，并沒有CSS控制單元格的跨行和跨列，表格的跨行和跨列屬于其結(jié)構(gòu)，而并非其表現(xiàn)，所以為什么要用CSS來(lái)控制。表格就是表格該怎么用就怎么用，就算標(biāo)準(zhǔn)的描述也是“應(yīng)該避免用表格來(lái)布局” 而不是“必須避免用表格來(lái)布局” 所以有些不是CSS做的事，該怎樣就怎樣不用糾結(jié)。
網(wǎng)頁(yè)編程:關(guān)于Div塊使用display只能顯示div而不能隱藏div的問題!
給你改好了，你的問題是使用了瀏覽器內(nèi)置的關(guān)鍵字，hidden.還有代碼有點(diǎn)小問題。function hiddendiv(){document.getElementById("div").style.display="none";}function showdiv(){document.getElementById("div").style.display="";}show it<\/...
怎么使用Sticky Footer的HTML和CSS代碼
多數(shù)SS designers對(duì)Clearfix Hack很熟悉，它解決了很多元素懸浮的問題，在這里，我們用它使得Google Chrome里面的頁(yè)腳緊貼頁(yè)面底部。它同時(shí)也解決了兩列懸浮布局所帶來(lái)的問題。這樣你就可以把內(nèi)容放在一列，sidebar放在另一列，不會(huì)出現(xiàn)個(gè)別瀏覽器下面main 里面的懸浮的內(nèi)容導(dǎo)致頁(yè)腳浮上來(lái)的情況。下面的代碼也...
GMROI的中文代表什么意思啊
所以這樣分有很多弊端。 3、 如果我們按照銷售額、銷售量排行,則A類商品周轉(zhuǎn)快、毛利低,我們超市也就成了“免費(fèi)搬運(yùn)工",而若按照毛利額、毛利率排行來(lái)找A類商品,則易出現(xiàn)周轉(zhuǎn)慢的死貨、庫(kù)存一大堆的無(wú)奈局面,也就是五大異常中的積壓商品。其核心問題是是我們應(yīng)該根據(jù)什么來(lái)尋找重點(diǎn)商品的問題,也就是評(píng)估商品績(jī)效...
...插入子頁(yè),影響ASP.NET母版頁(yè)上其它JAVSCRIPT了頁(yè)顯示的問題...
使用了母版頁(yè)，說(shuō)明你的母版頁(yè)已經(jīng)有 和 等標(biāo)記了 你的子頁(yè)居然再寫一遍，當(dāng)然會(huì)出錯(cuò)了 子頁(yè)不要再寫：DOCTYPE 、html、head、body等與母版頁(yè)重復(fù)的標(biāo)記
javascript在背景圖片上顯示時(shí)間
var str_date=" 當(dāng)前時(shí)間："+YY+"年"+MM+"月"+DD+"日 "+KK+" "+HH+":"+mm+":"+SS;if(document.all){ div_date.innerHTML=str_date;} var timer=setTimeout("clockon()",200);} qq{ margin-left:12px;padding-top:10px;background-color:white;height:30px;} q{ margin...
相關(guān)評(píng)說(shuō)：
羅江縣反轉(zhuǎn)： ______ 把ul的margin設(shè)置為0就可以了,一般用一段CSS來(lái)重置這些標(biāo)簽的樣式來(lái)避免這些問題,你可以搜索下CSS重置.
羅江縣反轉(zhuǎn)： ______ 先用div把頁(yè)面主題框起來(lái),再用樣式中的zhidao外邊距margin控制就好了例如<body><div style=＂……;margin-top:10px;margin-bottom:10px;＂> ……</div> 也可以在body里用相同的方法回,或是在css層疊樣式表中控制,都是用到樣式.答
羅江縣反轉(zhuǎn)： ______ ul有一個(gè)默認(rèn)的margin和padding值,如果你的div沒有設(shè)邊框,則相當(dāng)于ul對(duì)div的上一個(gè)元素就會(huì)產(chǎn)生一個(gè)間距,這種情況在...
羅江縣反轉(zhuǎn)： ______ 你好,css中最頂部寫上*{margin:0;padding:0;}
羅江縣反轉(zhuǎn)： ______ 如果是字之間,設(shè)定line-height:1em; 如果是塊之間,設(shè)定margin:0;padding:0;
羅江縣反轉(zhuǎn)： ______ div外面的父級(jí)容器別設(shè)置width屬性 在2個(gè)div的樣式中加 padding:0;margin:0;
羅江縣反轉(zhuǎn)： ______ 網(wǎng)頁(yè)頂部一行空白無(wú)法去除的解決方法:一、沒有正確使用margin設(shè)置邊距,margin指的是空白長(zhǎng)度,用于控制容器中的內(nèi)容和容器邊緣的距離.<style type=＂text/css＂> body{ padding: 0px; margin: 0px; }</style> 二、人為疏忽,尤其在是腳本...
羅江縣反轉(zhuǎn)： ______ 1、你是頁(yè)面是不是沒全屏?就是說(shuō)你的瀏覽器沒出現(xiàn)豎向的滾動(dòng)條.2,你設(shè)置body的css屬性邊距和填充為0.或者在css中這樣*{margin:0;padding:0;}
羅江縣反轉(zhuǎn)： ______ 去掉,它是多余的,也造成了空隙.或者在CSS文件中加入p{margin:0;padding:0;}
羅江縣反轉(zhuǎn)： ______ ibox里面一定有Float這個(gè)屬性吧,你用的margin屬性這個(gè)時(shí)候在IE會(huì)出錯(cuò),唯一的辦法是就是ie做一個(gè)hack,具體如下 {margin-top:10px; *margin-top:5px;_margin-top:15px;} 結(jié)果是在FF下10px.IE6下5px,ie7下15px,具體可以自己慢慢試驗(yàn),感受一下
