html - float 输入保持宽度

标签 html css

我是 css 的新手,但我有一个输入,我试图将其 float 在动态生成的标签旁边,但它一直将其降低一个级别。

如果我将 css 更改为向左浮动,则输入字段会缩小。我确定这很简单,我只是想念 css 的新手。

相当多的东西,css 和 html 是重要的部分,所以这里有一段我​​认为是罪魁祸首的 fiddle 和摘录。

#to-address ul li, #from-address ul li {
list-style-type: none;
width: auto;
float: left;
/* ^^^ remove this line =>full size bar, tag acts as block level element */}

jsFiddle

谢谢。

编辑1: 澄清一下,因为我有点遗漏了,目标是有一个输入栏,用户可以在其中单击栏中的任何位置,为什么它需要填充宽度。它应该允许用户在新创建的标签旁边继续输入。 float: left; line 允许它与标签保持内联,但会覆盖 width: 100%允许用户点击任意位置开始输入的效果。

最佳答案

尝试将 width: auto; 更改为 width: 100%

关于html - float 输入保持宽度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18754352/

相关文章:

javascript - 可重用性 : how to use same list items at different places in a web page

css - 从上到下、从左到右水平 float 元素

css - Wordpress 自定义 Html - 跳转到 anchor 然后滚动

javascript - 属性符合我的值(value)

html - 当前一个文本左对齐时,将 <a> 居中放在 <span> 内的换行符上。

javascript - 边框颜色更改仅在第一次起作用

css - 如何在 Google Chrome 扩展中真正隔离样式表?

javascript - native JavaScript - 检测何时单击 div 远离/未聚焦

html - flexbox 容器的绝对宽度

css - vis.js - 更新 "navigationButtons"CSS,使按钮位于 Canvas 顶部