Css IE7表格放在单列而不是双列上
好的,我不知道它是如何附加的,这个表单:有一个两列字段。但在IE7中,它只在一列中,而不是在ie8、9或FF的chrome中。你能告诉我我做了什么坏事,或者如何让IE像普通浏览器一样工作吗。我已经花了两个多小时测试。。。我不知道去哪里找 你是说,标记本身并不适合蹩脚的ie7。您看到的标记通常如下所示:Css IE7表格放在单列而不是双列上,css,forms,internet-explorer,Css,Forms,Internet Explorer,好的,我不知道它是如何附加的,这个表单:有一个两列字段。但在IE7中,它只在一列中,而不是在ie8、9或FF的chrome中。你能告诉我我做了什么坏事,或者如何让IE像普通浏览器一样工作吗。我已经花了两个多小时测试。。。我不知道去哪里找 你是说,标记本身并不适合蹩脚的ie7。您看到的标记通常如下所示: <ul> <li style="float:left width:50%">stuff</li> <li style="float:left width:
<ul>
<li style="float:left width:50%">stuff</li>
<li style="float:left width:50%">stuff</li>
<li style="float:left width:50%">stuff</li>
<li style="float:left width:50%">stuff</li>
<li style="float:left width:50%">stuff</li>
</ul>
更好的做法是按照我上面描述的方式来布局您的列我完全100%验证html。。。这样,我可以把我的想法从一列改为两列!是的,我喜欢干净高效的代码,它不能很好地与IE7配合,我会检查你的星型css代码,看看它是否有效!把
<div style="width: 50%; float: left">
<ul>
<li class="left-column-lis">stuff</li>
<li class="left-column-lis">stuff</li>
<li class="left-column-lis">stuff</li>
<li class="left-column-lis">stuff</li>
</ul>
</div>
<div style="width: 50%; float: left">
<ul>
<li class="right-column-lis">stuff</li>
<li class="right-column-lis">stuff</li>
<li class="right-column-lis">stuff</li>
<li class="right-column-lis">stuff</li>
</ul>
</div>
UL{*overflow:visible;}
.autocolumn LI {*width: 48%;}