Question

html 搜索框位置CSS样式问题

<div id="menu"> <ul> <li><a href="index.html">home</a></li> <li><a href="about.html">about us</a></li> <li><a href="category.html">flowers</a></li> <li><a href="specials.html">specials gifts</a></li> <li><a href="myaccount.html">my accout</a></li> <li><a href="register.html">register</a></li> <li><a href="details.html">prices</a></li> <li><a href="order.html">order</a></li> <li class="selected"><a href="search.html">search</a></li> <li><a href="contact.html">contact</a></li> </ul> <form> <Input type="text" placeholder="Search Products"> <button type="submit">Search</button> </form> </div> </div>menu的css#menu{width:648px;height:41px;margin:55px 0 0 26px;background:url(images/menu_bg.jpg) no-repeat center;}直接加了搜索框的位置不对，研究了好久CSS，还是没办法调整好。希望能放在红色线那个位置，请问应该如何写css样式？谢谢





Answer 1

把搜索框放入一个div中，再给div加一个右浮动float:right；不就好了？位置不对再使用
margin或者padding来调整