我正在尝试使用绝对定位使 div 具有宽度,它在 google chrome 中工作正常,但在 fierfox 中却不行。为什么会有冲突?我在两个浏览器中都尝试了完全相同的代码,但在 fierfox 上没有重新识别它。
<!DOCTYPE HTML>
<html >
<head>
<meta charset="utf-8"/>
<title>Kelma</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<input type="text" id="center" />
</body>
</html>
这是css文件
#center{
position: absolute;
left:50px;
right: 50px;
}
最佳答案
看看这个:
<!DOCTYPE HTML>
<html >
<head>
<meta charset="utf-8"/>
<title>Kelma</title>
<link rel="stylesheet" href="style.css" />
<style>
#wrapper
{
position: absolute;
left:50px;
right: 50px;
}
#center
{
width:100%;
}
</style>
</head>
<body>
<div id="wrapper">
<input type="text" id="center" value="test" />
</div>
</body>
</html>
我用一个 div 包装输入,并将样式应用到 div,并将 100% 宽度应用到输入。
关于html - 同时左右放置一个div,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15840883/