如何扩展输入以正确适应[关闭]答案

【问题标题】：How to expand inputs to fit properly [closed]如何扩展输入以正确适应[关闭]
【发布时间】：2013-10-12 06:33:56
【问题描述】：

第一张图片是当前的，第二张是我想要得到的。但是似乎没有任何效果，有人可以帮助我吗？

index.html

<!DOCTYPE html>
<html>
        <head>
                <title>speaker</title>
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <link href="css/style.css" rel="stylesheet" media="screen">
        </head>
        <body>
                <div class="block container" id="container">
                        <center><img src="img/logo.png"></img></center>
                        <div class="separator"></div>
                        Name: <input class="block" id="name" type="text">
                        Post: <input class="block" id="post" type="text">
                        <a class="block" href="#" id="submit">Submit!</a>
                        <div class="separator"></div>
                        Followed tags:<input class="block" id="post" type="text"><br>
                        <span class="author">Separate tags with spaces, like; #tomatoes #cats #music
                        <div id="postbreak"></div>
                </div>

                <script src="http://code.jquery.com/jquery-1.10.2.min.js"></script>
                <script src="js/script.js"></script>
        </body>
</html>

【问题讨论】：

有关您编写的代码问题的问题必须在问题本身中描述具体问题 - 并包括有效的代码来重现它
尝试在表格中使用表格...
表单是否需要响应式（流畅）？另外，代码中似乎没有实际的表单标签？
正如 Josh KG 所暗示的，如果表单不必是流畅的，您可以在各个输入字段上设置明确的宽度。
stackoverflow.com/questions/1288297/… 这会帮助你

标签： javascript html css

【解决方案1】：

你可以给一个内联样式并改变输入框的宽度

 Name: <input class="block" id="name" type="text" style="width:150px;">
                    Post: <input class="block" id="post" type="text" style="width:280px;">
                    <a class="block" href="#" id="submit">Submit!</a>
                    <div class="separator"></div>
                    Followed tags:<input class="block" id="post" type="text" style="width:480px;"><br>

【讨论】：

【解决方案2】：

最好的方法是：

从整个区域中获取每个输入的百分比。方法如下：

【讨论】：

百分比会起作用，但您还必须考虑名称和帖子的标签以及提交输入，将它们全部浮动，或者给它们绝对定位和适当的 left 值.
你这样做是为了响应吗？