3

ラッパーと呼ばれるdivがあります。marginプロパティを使用して水平方向に中央揃えされます。そのラッパーの幅は固定されています。そのラッパーの中には、タグとそれに続く入力フィールドがあります。私が探しているのは、入力フィールドの幅を右側の残りの幅に自動調整することです（ラッパーの境界まで）。幅をピクセル単位で定義することは避けたいと思います。私はいくつかのことを試しましたが、何も機能していません（たとえば、幅自動または100％）。明確になり、誰かが助けてくれることを願っています。

フィドル：http ：//jsfiddle.net/72sPT/

HTML：

<div id="wrapper">
   <a>this is a button</a>
   <input type="text"/>
</div>​

CSS：

#wrapper {
    width: 600px;
    margin: 10px auto;
    background: blue;
}

</ p>

4

2 に答える 2

9

入力タグを別のdivでラップすると、次のことができます。

#wrapper {
    width: 600px;
    margin: 10px auto;
    background: blue;
}
#wrapper a {
    float: left;
}
#wrapper div {
    overflow: hidden;
}
#wrapper input {
    width: 100%;
}
于 2012-12-01T10:39:38.653 に答える
-1

タグを台無しにしないようにしたい場合は<a>、入力を右にフロートさせることができます。

jsFiddle

#wrapper {
width:600px;
margin:10px auto;
background:blue;
}

#wrapper input {
 float:right;
width:70%;    
}
于 2012-12-01T10:42:38.593 に答える