1

入力要素があり、親 DIV のフル サイズを占めるようにします。どうすればこれを達成できますか? 試してみwidth 100%ましたが、うまくいきません。私が直面している問題は、親の背景が青色で、子の背景が黄色であることです。その結果、エッジの周りに青い輪郭が見えます。どうすればそれを取り除くことができますか。

子要素のクラスを追加しました。このようなもの：

.input-editable { background-color: some-color; width: 100%; }

この要素は div でラップされます。その DIV には、エッジに表示される背景色セットがあります。そうなってほしくない。

前もって感謝します！

4

3 に答える 3

1

inputブロック要素を作成するだけで機能します -デモ

.div input {
    display: block;
    width: 100%;
    border: 0;
}
于 2012-10-17T19:54:52.497 に答える
0

次のコードを試してください: (http://jsfiddle.net/MUDey/)

<!doctype html>
<html>
<head>
    <style>
        *{padding:0;margin:0;}
        #parent { width: 75%; height: auto; background-color: Blue; }
        .input-editable {
            width: 100%;
            height: auto;
        }
    </style>
</head>
<body>
    <div id="parent">
        <input type="text" class="input-editable" value="Show us your HTML" />

    </div>
</body>
</html>

そして、あなたのHTMLを投稿してください。

于 2012-10-17T19:55:43.450 に答える
0

あなたが探しているのは

display: block;
width: 100%;

これにより、入力要素が親の幅全体に広がります。

http://jsfiddle.net/pTQWM/

入力要素にパディングがある場合は、これも使用することをお勧めします。

box-sizing: border-box;
于 2012-10-17T20:04:12.837 に答える