同時定位div左右

Question

我正在嘗試使用絕對定位使div具有寬度，並且它在谷歌瀏覽器中可以正常工作，但在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;
}

Answer 1

看看這個：

<!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％寬度應用於輸入。

Answer 2

嘗試這個：

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

Answer 3

我已經將其與內聯CSS一起使用

這是我個人網站上的一個例子

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

我個人喜歡使用百分比，因為它在某些網站上看起來更好。 讓我知道這是否適合您！ 現場觀看： http : //cbogausch.com/portal它既可以在Firefox中使用，也可以在chrome中使用

Answer 4

這不是你的意思嗎？

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

Answer 5

在您的CSS上使用它：

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

Hgs，Vinicius =）

同時定位div左右

問題描述

5 個解決方案

解決方案1
1 已采納 2013-04-05 18:28:14

解決方案2
0

解決方案3
0 2013-04-05 18:28:13

解決方案4
0 2013-04-05 18:38:58

解決方案5
0 2013-04-05 19:28:17

同時定位div左右

問題描述

5 個解決方案

解決方案1 1 已采納 2013-04-05 18:28:14

解決方案2 0

解決方案3 0 2013-04-05 18:28:13

解決方案4 0 2013-04-05 18:38:58

解決方案5 0 2013-04-05 19:28:17

解決方案1
1 已采納 2013-04-05 18:28:14

解決方案2
0

解決方案3
0 2013-04-05 18:28:13

解決方案4
0 2013-04-05 18:38:58

解決方案5
0 2013-04-05 19:28:17