html - 按钮长度与输入类型 ="text"相同

Question

我有一个显示我的问题的 fiddle :http://jsfiddle.net/ftud12ke/ .可以看到绿色<div> .它被设置为width:100%;因为它在我的暗箱里，但实际上我想要绿色 <div>与我的文本输入字段具有相同的宽度，并且两个按钮(登录、注册)与文本输入字段具有相同的大小。

希望有人能帮我解决这个问题 ;) 我不明白 :(

Answer 1

将display: inline-block添加到.box-wrapper(默认为block):

.box-wrapper {  
   background-color:green;
   display: inline-block; //add
}

FIDDLE