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

为什么父div没有被撑开_html/css_WEB-ITnose

WBOY
發布： 2016-06-24 11:40:24
原創
1134 人瀏覽過

为什么父div没有被撑开:

在正常情况下，如果父对象没有设置高度，子对象能够将子对象撑开，但是如果子对象浮动且没有清除浮动的话，在IE8或者FF浏览器，父对象并不能够被撑开，在IE6下可以撑开。

代码实例: 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">.parent{  border:1px solid red;  width:500px;}.first,.second{  float:left;  height:100px;  width:100px;  border:1px solid blue}</style></head><body><div class="parent">  <div class="first"></div>  <div class="second"></div></div></body></html>
登入後複製

以上代码在IE6下可以撑开父div，但是在IE8或者FF浏览器下不能够被撑开。解决方法就是清除浮动。代码如下: 

<!DOCTYPE html><html><head><meta charset=" utf-8"><meta name="author" content="http://www.51texiao.cn/" /><title>蚂蚁部落</title><style type="text/css">.parent{  border:1px solid red;  width:500px;  overflow:hidden}.first,.second{  float:left;  height:100px;  width:100px;  border:1px solid blue}</style></head><body><div class="parent">  <div class="first"></div>  <div class="second"></div></div></body></html>
登入後複製

原文地址是:http://www.51texiao.cn/div_cssjiaocheng/2015/0519/1891.html

最原始地址是:http://www.softwhy.com/forum.php?mod=viewthread&tid=4699

相關標籤：
为什么父div没有被撑开
來源：php.cn
上一篇：为什么padding和margin在span中不好用_html/css_WEB-ITnose 下一篇：CSS如何将边框设置为虚线_html/css_WEB-ITnose
本網站聲明
本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn
作者最新文章
最新問題
標題重寫為：HTML元素高度未達100％的覆蓋 我希望這個元素覆蓋螢幕高度的100%，顯然沒有這樣做，有什麼解決方法嗎？我看到div的高度是section的100%，而section的高度是body的100%，而body被設定為...
來自於 2023-09-15 08:52:48
0
1
261
如何讓轉換後的元素不被溢出自動切斷？ 我正在使用Bootstrap4為朋友的個人網站製作一個模態畫廊。我設置了它，以便圖像在懸停時展開-但當我將溢出設置為自動時，它們會在模態（或div）的邊緣被切斷。圖庫也是一組選項卡...
來自於 2023-09-07 20:04:02
0
1
290
如何使用具有圓角背景的文字覆蓋圖像 我需要在HTML中複製您在此圖像中看到的內容：問題是文字覆蓋了div和背景圖像。如果外部div中沒有圖像並且沒有純色，我可以想像我可以相當輕鬆地使用一些帶有圓角的小html元素放置...
來自於 2023-08-30 15:20:14
0
1
192
PHP程式碼沒有被執行，但是程式碼顯示在瀏覽器原始碼中 我嘗試在專案上執行一些PHP程式碼（使用Dreamweaver），但程式碼未運行。當我檢查原始程式碼時，PHP程式碼顯示為HTML標籤（我可以在原始程式碼中看到它）。 Apache...
來自於 2023-08-23 16:04:27
0
2
313
mysql 慢查詢日誌中的內容檢視問題 在mysql中開啟了慢查詢日誌，但是在日誌中經常看到這樣一段查詢，不知道是什麼意思，另外，我當前查詢並沒有被記錄到慢查詢中，但是卻記錄了一大堆show status 之類別的日誌。...
來自於 2017-06-28 09:23:21
0
2
750
相關專題
更多>
熱門推薦
熱門教學
更多>
相關教學
熱門推薦
最新課程
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板
關於我們 免責聲明 Sitemap
PHP中文網：公益線上PHP培訓，幫助PHP學習者快速成長！