html - 同时左右放置一个div

标签 html css positioning

我正在尝试使用绝对定位使 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/

相关文章:

css - 固定定位的 Div 正在扩展到 HTML 和正文之外

javascript - jQuery的toggleclass通过信息形成一个数组

html - 由于 Wordpress 网站上已有样式,无法对齐表格中留下的文本,但无法使用 Firebug 找到它

html - jquery slider 的 CSS 定位

html - flexbox flex 方向 :column with textarea not working as expected in Firefox

jQuery wrapAll/unwrap 搞乱了定位

jquery - 将绝对 div 动画化为固定 div

javascript - 添加新行时在 javascript 上不工作

javascript - Jquery 不返回数据 IE

css - 使用 Bash 脚本在 css 文件中查找和替换文件名