Javascript 以一种奇怪的方式击倒。我怎样才能修好它？

我希望我的“填写”文本与复选框和文本条目正确对齐。顶部的始终正确对齐显示

此外，当底部文本框为空时，“填写”消息显示在顶行，而不是第二行的假定位置

下面的图片说明了这个问题。仅当文本条目为空时，跨度文本才会显示

---

感谢您的帮助。

我不清楚您希望在各种情况下如何工作，但我已经简化了您的代码，并制作了下面的代码片段，以便您和其他人可以使用它。我认为您应该取消

float

并尝试不同的选项，可能是

表-*

设置，也可能是

功能对象（名称）{
this.text=名称；
}
Obj.prototype={
回答错误：“填写”，
isCorrect:function（）{
返回true；
},
删除：函数（）{}，
removeEnabled:function（）{return Math.random（）>0.5？true:false；}
};
vm={
答复:[
新Obj（“一”），
新Obj（“两个”），
新Obj（“三个”）
]
};
ko.应用绑定（vm）
.answerList li{
列表样式：无；
}
.answerList li输入[type='text']{
宽度：90%；
}
.answerList li输入[type=“checkbox”]{
右边距：10px；
}



x

您的布局问题主要是CSS，您的问题中没有包含CSS。已使用CSS更新问题。问题非常不清楚。要么是多余的（knockoutjs）代码，要么是缺少的（javascript）代码。由于这主要是一个布局问题，我想这可能是复制没有所有（暗示）的JS。此外，CSS似乎比sass少，屏幕截图中的“填充”一词根本没有出现在代码中，html暗示使用了引导，但没有提到或提及。请更新问题，按照中的指导进行操作，以便更容易回答。
 <ul class="answerList" data-bind="foreach: answers">

     <li>
     <span data-bind="text: answerError"></span>
     <input type="hidden" data-bind="value: id, attr: { name: 'Questions[' + $parentContext.$index() + '].Answers[' + $index() + '].Id' }" />
     <input type="hidden" data-bind="value: isCorrect, attr: { name: 'Questions[' + $parentContext.$index() + '].Answers[' + $index() + '].IsCorrect' }" />
     <input type="hidden" data-bind="value: $index(), attr: { name: 'Questions[' + $parentContext.$index() + '].Answers[' + $index() + '].SortOrder' }" />
    <input type="text" data-bind="value: text, attr: { 'name': 'Questions[' + $parentContext.$index() + '].Answers[' + $index() + '].Text' }" />
     <input type="checkbox" data-bind="checked: isCorrect, attr: { 'name': 'question' + $parentContext.$index() + 'IsCorrect' }" />
     <a data-bind="click: remove, visible: removeEnabled" class="btn btn-danger"><i class="icon-remove icon-white">x</i></a>

  </li>
 </ul>

         .answerList {
            li {
                list-style: none;


                input[type='text'] {
                    width: 90%;
                    float: right;
                }

                input[type="checkbox"] {
                    margin-right: 10px;
                    float: right;
                }

            }