使用CSS和HTML将父Div扩展到元素的宽度
我目前正在为我的一个客户开发一个后端接口，我遇到了麻烦。Internet Explorer（所有版本，包括9 beta版）和Chrome似乎都没有按预期显示页面。Firefox和Safari完美地显示了页面。我觉得很奇怪，它可以在safari上运行，但不能在chrome上运行。。无论如何，这不是重点 表单在Safari和Firefox中的外观-这是理想的结果： 表单在除Safari和Firefox之外的所有浏览器中的外观-这是不需要的： 我正在寻找一种方法，使背景扩展到其他浏览器中css中设置的宽度。任何提示和提示都将不胜感激，因为我今天已经被困在这个问题上5个小时了，它开始让我感到非常沮丧 经过一些帮助，我已经将问题缩小到jQuery插件“等高列”上，但我需要的效果是，所以肯定有办法在其他浏览器中实现这一点使用CSS和HTML将父Div扩展到元素的宽度,html,css,width,expand,Html,Css,Width,Expand,我目前正在为我的一个客户开发一个后端接口，我遇到了麻烦。Internet Explorer（所有版本，包括9 beta版）和Chrome似乎都没有按预期显示页面。Firefox和Safari完美地显示了页面。我觉得很奇怪，它可以在safari上运行，但不能在chrome上运行。。无论如何，这不是重点 表单在Safari和Firefox中的外观-这是理想的结果： 表单在除Safari和Firefox之外的所有浏览器中的外观-这是不需要的： 我正在寻找一种方法，使背景扩展到其他浏览器中css中设
我的HTML是：
<head>
<meta charset="UTF-8">
<title>User Login</title>
<link rel="shortcut icon" href="images/favicon.png" />
<link rel="stylesheet" href="stylesheets/reset.css" type="text/css" />
<link rel="stylesheet" href="stylesheets/styles.css" type="text/css" />
<script src="javascript/jquery.js" type="text/javascript"></script>
<script src="javascript/jquery.equalHeightColumns.js" type="text/javascript"></script>
<meta name="description" content="" />
<meta name="keywords" content="" />
<meta name="robots" content="" />
<script type="text/javascript">
$(document).ready(function() {
$("#form_left, #form_right, #form_right input").equalHeightColumns();
});
</script>
</head>
<body>
<a href="forgot_password.html" class="loginmeta">Forgot Password?</a>
<div id="container">
<div id="header">
<h1><a href="#">User Login</a></h1>
</div>
<div id="form">
<form name="login" action="#" method="post">
<div id="form_left">
<label for="">Username</label>
<input type="text" id="username" />
<label for="">Password</label>
<input type="password" id="password" />
</div>
<div id="form_right">
<input type="submit" name="submit" value="Log In" />
</div>
<div class="clear"></div>
</form>
</div>
</div>
</body>
谢谢大家! 我不知道这是否有帮助，但由于您的问题似乎来自于插件，或许您可以尝试以下方法：
var columnMaxHeight = 0;
$("COLUMN_SELECTOR").each(function() {
var columnHeight = $(this).height();
if (columnMaxHeight < columnHeight) {
columnMaxHeight = columnHeight;
$(this).height(columnMaxHeight);
}
});
var columnMaxHeight=0；
$（“列选择器”）。每个（函数（）{
var columnHeight=$（this）.height（）；
if（columnMaxHeightvar columnMaxHeight = 0;
$("COLUMN_SELECTOR").each(function() {
var columnHeight = $(this).height();
if (columnMaxHeight < columnHeight) {
columnMaxHeight = columnHeight;
$(this).height(columnMaxHeight);
}
});
var columnMaxHeight=0；
$（“列选择器”）。每个（函数（）{
var columnHeight=$（this）.height（）；
if（columnMaxHeight