Css 如何浮动这些字段集？

我正在使用一个现有的系统，并试图修改CSS，以便正确排列三列

为了正确显示第三列，我需要做哪些css更改

CSS

.test .repeater {
    border: none;
    margin: 0;
}
.test .indent1 .wizard-parentcontrol .controlkl {
    width: 33%;
    float: left;
    display: block;
}
.test .wizard-controls .indent1 .control:first-child {
    margin-top: 17px;
}
.test .indent1 .wizard-parentcontrol .popupbrowser {
    width: 30%;
    float: left;
    border: 1px solid red;
    display: block;
}

HTML

<div class="test wizard-parentcontrol">
    <div>
        <div>
            <fieldset></fieldset>
        </div>
        <div>
            <div>
                <fieldset>
                    <div>
                        <div class="repeater indent1">
                            <div class="wizard-parentcontrol">
                                <div>
                                    <div>
                                        <div class="controlkl">Column 1</div>
                                    </div>
                                </div>
                                <div>
                                    <div>
                                        <fieldset>
                                            <div id="p0t2c4dpopupbrowserControl" class="popupbrowser">Column 2</div>
                                        </fieldset>
                                    </div>
                                    <div>
                                        <div class="">
                                            <p class="ctrlinvalidmessage"></p>
                                            <fieldset>
                                                <div id="p0t2c5dpopupbrowserControl" class="popupbrowser">Column 3</div>
                                            </fieldset>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </fieldset>
            </div>
        </div>
    </div>
</div>

第1栏
第2栏

第3栏

检查是否可以进行以下更改。 我刚加了班

  .wizard-parentcontrol div
  {
     float:left;
  }

并从代码中删除了33%和30%的硬编码宽度

---

我的小提琴坏了。我需要有一个帐户才能保存对现有小提琴的更改吗？哦，那是我的小提琴！您应该能够使用Fork按钮保存您自己的Fork和您的更改。只是好奇，所有这些空div都需要它吗？我可以修改html吗？@HeHui-很抱歉divs是空的。调试时我把它们放在那里了，它们在代码中不是空的，但可以随意删除。@user12804您使用它们的目的是什么？谢谢@Saurabh-出于某种原因，当我在css中为我的CMS实现它时，它在IE中看起来不正确：（，但在FFS中看起来正常检查css的

清除：两个
css属性都可以。将其应用到下一个主元素应该可以..在IE中，第二列与第一列不在同一行，并且右对齐。第三列也在第三行，并且右对齐。。。