css - 带有登录表单的菜单

Question

我想创建一个菜单，右边有一个登录表单。

<div class="menu">
<div class="q">
    <li class="pic"></li >
    <li class="pic"></li >
    <li class="pic"></li >

</div>
<div class="p">
<form>
    <li><input type="text" name="a" class="inp"/></li>
    <li><input type="password" name="b" class="inp"/></li>
    <li class="pic" style="background-color:red;"></li >
</form>
</div>

我应该选择哪些适用于所有浏览器的 css 属性？哪里有必要固定宽度-s？我应该选择 display:block 和 float:left 还是设置 line-hight 和 display:inline？如果窗口太小，我不希望右边的部分“跳下来”。用 min-width 解决这个问题是个好主意吗？

我这里举了个例子: http://jsfiddle.net/q3dqv/153/embedded/result/

(不幸的是 id 在 IE7 上不工作)

感谢您的帮助!

Answer 1

首先，您应该为您的列表使用“ul”标签，然后尝试对您的“li”使用 display:inline-block 以在 IE7 中正确显示您的 float 。