搜索按钮固定不动

时间:2013-02-11 21:50:15

标签: html css css3 css-float html5-canvas

移动搜索文本按钮和搜索按钮我给了保证金左边.... 但是当我调整浏览器窗口大小时,搜索按钮仍保持静止.... 如何使它在标题和wisth方面移动.... 搜索输入框和选择菜单应位于屏幕的右端

http://jsfiddle.net/nb6WP/1/

Bom创作表格              

  <select>
    <option value="volvo">Volvo</option>
    <option value="saab">Saab</option>
    <option value="opel">Opel</option>
    <option value="audi">Audi</option>
  </select>

2 个答案:

答案 0 :(得分:2)

margin -left百分比10%值设为非像素20px

答案 1 :(得分:1)

尝试使用float: right;,它应该将元素一直发送到右侧,并在调整大小时正确定位。另请注意搜索按钮的顺序更改。

<input name="Finish" value="Search" class="checkout-button searchButton" type="submit" style="width: 107px;padding-left: 0px;padding-right: 0px; background-color: #666; float: right;">
<input class="span2" type="password" style="float: right;">

      <select  style="float: right;">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
        <option value="opel">Opel</option>
        <option value="audi">Audi</option>
      </select>