CSS給盒子里面的盒子寫個(gè)margin-top屬性,360好好的,火狐會(huì)是外面的盒子...

1、是的，低版本的IE瀏覽器也是這樣?？梢栽O(shè)置外層div的的padding-top樣式就可以了，就可以解決兼容性問題了。

10年積累的網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)經(jīng)驗(yàn)，可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你，你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有于田免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

2、margin后面可跟多個(gè)值，中間用空格分離，含義如下：（1）首先我們放置三個(gè)盒子，顏色不同，寬高均為100px。（2）我們給中間的橙色盒子加上一個(gè)10px的上外邊距，可以看到橘黃色的盒子向下移動(dòng)了10px，上面多了一個(gè)上外邊距。

3、但是子盒子設(shè)置margin-top后，會(huì)作用于父盒子，如圖1 造成這個(gè)現(xiàn)象的原因是：當(dāng)一個(gè)元素包含在另一個(gè)元素中時(shí)（假設(shè)沒有填充或邊框?qū)⑦吔绶指糸_），它們的頂和/或底邊界會(huì)發(fā)生疊加。

4、據(jù)您截圖顯示，在處于下方的顯示效果上，margin-top屬性并未生效。

5、top： -5px；就正常了。這種情況下盡量不要用magin來(lái)改變?cè)氐奈恢茫驗(yàn)樗鼤?huì)對(duì)前后左右的其他元素造成影響，稍不留神就會(huì)讓局面變得不可收拾。

如何讓上一個(gè)盒子和下面的盒子有間距

首先，打開html編輯器，新建html文件，例如：index.html。在index.html中的標(biāo)簽中，輸入css代碼：.sub{margin-top： 30px；}。瀏覽器運(yùn)行index.html頁(yè)面，此時(shí)3個(gè)div子子容器的垂直間距被統(tǒng)一設(shè)置為了30px。

line-height設(shè)置段落上下間距，設(shè)置p標(biāo)簽上下間距css代碼，p{line-height：30px}margin-top和margin-bottom設(shè)置段落上下間距，經(jīng)由對(duì)p標(biāo)簽設(shè)置margin-top和margin-bottom，從而來(lái)設(shè)置段落上下間距。

將兩個(gè)小盒子水平居中 通常是使用 margin auto來(lái)實(shí)現(xiàn)，間距30 可以外邊距都為 15 ，也可以在一個(gè)盒子設(shè)置外邊距為30 px。

用margin設(shè)置對(duì)象盒子間距 我們常用margin設(shè)置2個(gè)盒子之間距離，無(wú)論上下左右的距離我們均可以利用margin實(shí)現(xiàn)間隔。

設(shè)置兩個(gè)div之間的間距的方法：先定義兩個(gè)div，div里面分別有一段話。分別給兩個(gè)div加上不同的背景色，方便看到div的位置。設(shè)置div的margin；使兩個(gè)div之間的間距擴(kuò)大。這樣讓兩個(gè)div之間的間距擴(kuò)大的問題就解決了。

right；來(lái)設(shè)置嗎？如果知道寬高的話，就設(shè)置寬高值，這樣位置會(huì)比較固定，然后再設(shè)置margin值就可以設(shè)置他們的間距。每一行之后，最好用來(lái)清除浮動(dòng)，這樣下一行就不會(huì)跟著浮動(dòng)了。

HTML5+CSS——11盒子模型-邊框、內(nèi)邊距、外邊距

1、盒子模型：把 HTML 頁(yè)面中的布局元素看作是一個(gè)矩形的盒子，也就是一個(gè)盛裝內(nèi)容的容器。

2、作用： CSS 圍繞這些盒子產(chǎn)生了一種“盒子模型”概念，通過(guò)定義一系列與盒子相關(guān)的屬性，可以極大地 豐富 和 促進(jìn) 各個(gè)盒子乃至整個(gè) HTML 文檔的 表現(xiàn)效果和布局結(jié)構(gòu) 。

3、CSS盒模型本質(zhì)上是一個(gè)盒子，封裝周圍的HTML元素，它包括： 邊距（外邊距） ， 邊框 ， 填充（內(nèi)邊距） ，和 實(shí)際內(nèi)容 。盒模型允許我們?cè)谄渌睾椭車剡吙蛑g的空間放置元素。

網(wǎng)站名稱：盒子之間的css間距樣式 盒子之間的css間距樣式怎么設(shè)置
標(biāo)題URL：http://aaarwkj.com/article21/diichjd.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供營(yíng)銷型網(wǎng)站建設(shè)、App設(shè)計(jì)、搜索引擎優(yōu)化、商城網(wǎng)站、網(wǎng)站改版、關(guān)鍵詞優(yōu)化

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)