Html 同时左右定位一个div_Html_Css_Positioning

Html 同时左右定位一个div

html css

Html 同时左右定位一个div,html,css,positioning,Html,Css,Positioning,我正在尝试使用绝对定位使div有一个宽度，它在googlechrome中运行良好，但在firefox中却不行。为什么会有冲突？我在浏览器和Firefox上都尝试了完全相同的代码，但Fox没有重新识别它 <!DOCTYPE HTML> <html > <head> <meta charset="utf-8"/> <title>Kelma</title> <li

我正在尝试使用绝对定位使div有一个宽度，它在googlechrome中运行良好，但在firefox中却不行。为什么会有冲突？我在浏览器和Firefox上都尝试了完全相同的代码，但Fox没有重新识别它

   <!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>

试试这个：

#center{
  position: absolute;
  left:0px;
  width: 100%;
}

我已经让它与内联css一起工作

下面是我个人网站上的一个例子

<div style="position:absolute; top:60px; bottom:5%; left:5%; right:5%; width:90%; text-align:center;"> SOME TEXT </div>

一些文本

我个人喜欢使用百分比，因为它可以在一些网站上看起来更好。让我知道这是否适合你！要实时查看：它在firefox和chrome中都可以使用，请查看以下内容：

<!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>


凯尔玛
#包装纸
{
位置：绝对位置；
左：50px；
右：50px；
}
#居中
{
宽度：100%；
}

我用一个div包装输入，并对div应用样式，对输入应用100%宽度。

这不是你的意思吗

body{padding: 0 50px;}
input{width:100%;

在css上使用此选项：

#center {
   margin: 0 auto;
   width: 90%;
}

Hgs，

Vinicius=）

AFAIK输入没有宽度，它属于内联元素，我觉得很合适；我不知道为什么会失败。如果它在Firefox中不起作用，那它做错了什么？@caligula:嗯，我以前肯定在文本输入元素上加过宽度。你还应该如何设置文本框的宽度？我可能会一直在两侧放置重复的内容。是文本框的某些特定内容使它们不想调整大小以适应吗？@marcelo您在示例中显示的内容意味着宽度将为100%+50px，这将导致元素超出边界（因此将被裁剪或出现滚动，或者会导致一些我目前记不起来的其他问题），有点粗心。谢谢@trajceI，因为文本框宽度和位置的处理方式，我相信原始代码在FF中不起作用。通过包裹它，你可以强制调整宽度。谢谢你，现在它正在工作，但为什么？！我真的很想理解为什么不在Firefox上。根据我的尝试，当您设置左右偏移量（大于零的值）时，绝对定位在浏览器上的效果非常奇怪，即使您强制宽度：auto。。当您尝试对div甚至内联块元素执行相同的操作时，它会起作用。。。这对我来说很奇怪，但这就是我所发现的。。

#center {
   margin: 0 auto;
   width: 90%;
}