Html 液体布局和边界

Html 液体布局和边界,html,css,forms,liquid-layout,Html,Css,Forms,Liquid Layout,我的液体布局和边框有问题,导致元素溢出 这是一把小提琴,上面有 没有边框的页面(有效) 罚款): 这是我想要的一个例子 发生了,但它破裂了。 结构有点像这样: <div id="container"> <label>Label</label><input type="text' /> </div> #container{width: 100%;} label{width: 25%;} input{width: 75;}

我的液体布局和边框有问题,导致元素溢出

  • 这是一把小提琴,上面有 没有边框的页面(有效) 罚款):
  • 这是我想要的一个例子 发生了,但它破裂了。
结构有点像这样:

<div id="container">
    <label>Label</label><input type="text' />
</div>

#container{width: 100%;}
label{width: 25%;}
input{width: 75;}

标签固定:

只需添加到
。输入文本
类。

修复:

只需添加到
。输入文本
类。

负边距 您可以尝试设置负边距:

margin: -1px;
我在您的JSFIDLE上更改了它们,文本框确实跳到了标签的右侧。

负边距 您可以尝试设置负边距:

margin: -1px;
我在您的JSFIDLE上更改了它们,文本框确实跳到了标签的右侧