简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
首頁 > web前端 > html教學 > 主體

奇怪的margin-top问题_html/css_WEB-ITnose

WBOY
發布： 2016-06-24 12:14:16
原創
927 人瀏覽過

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head><body><div style="height:419px;width:192px;background:url(images/1263871225.jpg)">  <div style="margin-top:100px">    </div></div></body></html>
登入後複製

这段代码在firefox或者ie8下面（其他浏览器没去试）都出现 内层div的margin-top撑开外层的现象
请教各位这是什么原因
附上图片


回复讨论(解决方案)

用相对定位

ie,firefox
定义的，body体的尺寸不一样啊。
你要先
body{
margin:0;
padding:0;
}

外层没设border就重叠了。

外层没设border就重叠了。
关键字：层嵌套的时候边距无效。

用pading-top

在父元素设置overflow:hidden;方可解决问题 还有问题发站内邮箱 明日帮你解决

谢谢d945332077这位老兄，我发现float:left也可以啊，这个问题困扰了我好久，我搞前端也有挺长一段时间了，自认为也挺熟悉的，可是这个问题让我彻底怀疑自己到底会不会div+css，呵呵

相關標籤：
奇怪的margin-top问题
來源：php.cn
上一篇：用html怎样设置背景图片？_html/css_WEB-ITnose 下一篇：这是什么意思_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
父級的填充被黏性定位的子級忽略 如何防止黏性元素進入標題後面？當前程式碼片段在父級上使用填充頂部，我也嘗試在額外的子級上使用margin-top或透明50px邊框，但它似乎不起作用。我知道在這種情況下我可以輕鬆地...
來自於 2024-04-06 11:42:51
0
1
338
Nuxt 3在SSR中無法渲染 所以我遇到了一個問題，我正在嘗試取得我的私有環境變數。我知道只有在我的頁面是ssr時才能獲取它們。問題是我從來沒有禁用過它。我在我的頁面中記錄了console.log(proces...
來自於 2024-04-05 15:04:40
0
1
3642
為什麼具有固定寬度和最大寬度為90%的網格子項會溢出網格軌道？ 問題：我的問題非常簡單，我想知道為什麼.header元素在達到1500像素的視窗寬度時會溢出其網格軌道。程式碼：*{box-sizing:border-box;padding:0;...
來自於 2024-04-05 14:33:39
0
1
1426
如何使用 CSS 刪除 Next.js 中井字遊戲板上每行下方的空格？ 為什麼每一行下面都有一個空格？ （CSS）我正在嘗試製作一個Next.js井字遊戲應用程式來測試我的技能。但是，我遇到了css問題。似乎每行板下方都存在填充問題-每行下方都有一個小...
來自於 2024-04-05 11:39:02
0
1
1431
具有固定標題和旋轉列標題的表格 我有一個固定標題和固定第一列的表格。我還想將列標題旋轉45度。固定標題需要設定背景顏色。但是，這會導致45度旋轉標題出現問題，因為下一欄的背景與前一欄的文字重疊。以下是問題的範例：...
來自於 2024-04-03 08:50:32
0
1
362
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！