相关疑难解决方法(0)

如何使div填充剩余的水平空间?

我有2个div:一个在左侧,一个在我的页面右侧.左侧的那个有固定的宽度,我希望右侧的一个填充剩余的空间.

    #search {
        width: 160px;
        height: 25px;
        float: left;
        background-color: #ffffff;
    }
    #navigation {
        width: 780px;
        float: left;  
        background-color: #A53030;
    }
Run Code Online (Sandbox Code Playgroud)
<div id="search">Text</div>
<div id="navigation">Navigation</div>
Run Code Online (Sandbox Code Playgroud)

html css width css3 responsive

402
推荐指数
10
解决办法
44万
查看次数

样式输入元素以填充其容器的剩余宽度

假设我有一个像这样的html片段:

<div style="width:300px;">
    <label for="MyInput">label text</label>
    <input type="text" id="MyInput" />
</div>
Run Code Online (Sandbox Code Playgroud)

这不是我的确切代码,但重要的是在固定宽度容器中的同一行上有标签和文本输入.如何设置输入样式以填充容器的剩余宽度而不包装并且不知道标签的大小?

html css

184
推荐指数
6
解决办法
20万
查看次数

标签 统计

css ×2

html ×2

css3 ×1

responsive ×1

width ×1