html - 复选框打破无表表单布局

标签 html css css-float

我有一个用 <ul> 构建的表单但是当我在某处添加复选框时出现问题。
它打破了整个布局。
问题出在标签样式中的某处,但无法弄清楚是什么? Here is the fiddle .

最佳答案

您的下一行堆叠在 float 到其左侧的标签之上,因为复选框没有输入字段那么高。一个简单的解决方案是向您的 CSS 添加另一条规则以清除它:

ul li { clear: left }

See the jsFiddle.

关于html - 复选框打破无表表单布局,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15723482/

相关文章:

javascript - IE11 中的 onclick 功能不起作用

html - 内容宽度大于正文宽度?

html - 调整浏览器窗口大小时图像 float

javascript - 在 Android 上强制正确的 CSS3 转换百分比解释

html - float 多个表

CSS float 和 div block 位置

html - XPath 返回由 html 标签分割的字符串连接

html - 为什么我的 div 不显示内联?

php - CSS/HTML 内联和居中两个单独表单的表单按钮

html - Blogger Layout - Anchor 破坏布局