没有位置的响应式网页菜单:绝对或浮动

时间:2017-11-30 20:47:51

标签: html css

我正在制作一个网页,其中包含一个菜单,其中包含一个搜索栏,旁边有两个按钮。我无法访问原始文件,所以我把它看起来像是什么样的。

HTML

df.groupby(['Customer ID', 'Customer Name'])

CSS

<body>
    <div class="container">
        <div class="left">
            <input type="text" />
        </div>

        <div class="right">
            <input type="button" value="button1" />
            <input type="button" value="button2" />
        </div>
    </div>
</body>

JSfiddle链接 https://jsfiddle.net/qzqb3xff/

基本上应该发生的是移动和各种桌面分辨率,输入文本(搜索栏)应该占用大部分容器div,只留下足够的空间用于固定大小的两个按钮,两个按钮总是必须出现在容器的右端。但是,由于站点的移动版本在此之上具有不同大小的元素,因此我不能使用绝对位置,并且我们根本不允许使用浮点数。

1 个答案:

答案 0 :(得分:0)

如果您正在尝试为手机和电脑制作响应式主题,请使用This。到处都有关于如何使用它的课程,并且很容易上手,当你习惯它时,它应该保存UR生命。这个插件为我节省了大量的时间和精力,所以我建议你尝试一下,这将解决你的问题。希望它有所帮助。