Css 输入填充剩余的空间

Css 输入填充剩余的空间,css,Css,我有这样的密码: <form class="choose-game" action="?" method="get"> <fieldset> <select name="game" id="game" required> <option value="battlefield 4">Battlefield 4</option> <option value="ca

我有这样的密码:

<form class="choose-game" action="?" method="get">
    <fieldset>
        <select name="game" id="game" required>
            <option value="battlefield 4">Battlefield 4</option>
            <option value="call of duty ghosts">Call Of Duty: Ghosts</option>
            <option value="fifa 2014">FIFA 2014</option>
            <option value="league of legends">League of Legends</option>
            <option value="need for speed rivals">Need For Speed: Rivals</option>
        </select>
        <input type="submit" value="Wybierz">
    </fieldset>
</form>

战场4
使命召唤:鬼魂
国际足联2014
英雄联盟
速度需求:竞争对手

,但我希望输入填充字段集中的剩余空间(间隙除外)。StackOverflow的任何其他解决方案都不起作用。我必须做什么?

如果您同意将选择框的宽度设置为某个百分比,则可以让输入填充剩余的宽度。您还必须浮动输入并向左选择

尝试修改游戏。选择游戏选择并输入如下属性

.choose-game select { width:20%; float:left }

.choose-game input[type="submit"] { 
    background-color: #3498db; color: #fff; cursor:   pointer; width:80%; float:left;
}

你在找类似的东西吗?是的,但我不能修改我的代码。也许它不能工作的事实,在我的填充与这是在左边。应该会有帮助。