高度css在IE和Firefox中不起作用
[英]height css not working in IE and firefox
問題描述
所以問題出在對象標簽上。 它只是拒絕高度縮放。 鍍鉻完美。 IE和Firefox保持默認高度。 我很難找到跨瀏覽器的代碼。 從其他線程和站點發現，父容器需要設置高度。 因此，這就是為什么您在html和body以及<div id="calendar">上看到高度設置的原因。 盡管我了解理論，但它仍然行不通。
旁注：內聯css的原因是原因，這就是我進行css測試的地方。 而且我沒有擺弄小東西，因為該對象就像80多個文件，而且我也不知道如何很好地使用jsfiddle，而且有點感覺無法將日歷保存在那里。
<!DOCTYPE html>
<html style="height: 100%" >
<body style="height: 100%" >
<form >
<div id="calendar" style="height: 70%">
<object data="calendar.php" width="50%" style="height: 100%"/>
</div>
</form>
</body>
</html>
2 個解決方案
解決方案1
1 已采納 2012-12-11 18:11:12
所以問題是object tag在哪里？ 對於這個問題，你問為什么需要這個
html, body {
height: 100%;
width: 100%;
}
是因為當您使用height: 70%; 對於子元素而言，比問題產生的70%還要多？ 因此，當您以%定義父級的高度時，它定義了100% 70% 100%
解決方案2
0 2012-12-11 19:43:19
您的代碼在Safari中也被破壞，但是我的解決方案似乎已解決了該問題。
此版本驗證：
也許它將為您工作。 通常，資源管理器討厭無效的代碼。
我相信您有兩個根本問題。
在
width屬性中使用了50%，並且未正確關閉<object>標記（無效的HTML）無法在父元素
<form>上定義height
我在演示中未使用任何內聯CSS，但是可以隨意將CSS放回“內聯”，它仍然可以使用。
HTML：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form>
<div id="calendar">
<object data="calendar.php"></object>
</div>
</form>
</body>
</html>
CSS：
html, body, form {
height: 100%;
}
#calendar {
height: 70%;
}
object {
height: 100%;
width: 50%;
}
放置在“內聯”中的CSS的所有功能均相同。
HTML：
<!DOCTYPE html>
<html style="height: 100%;">
<head>
<title></title>
</head>
<body style="height: 100%;">
<form style="height: 100%;">
<div id="calendar" style="height: 70%;">
<object data="calendar.php" style="height: 100%; width: 50%;"></object>
</div>
</form>
</body>
</html>
CSS篩選器無法在Firefox或IE中運行
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.