css - 如何在浏览器滚动和调整大小时保持文本框

Question

我只是不知道还能做什么。请需要别人的帮助。我有一个文本框，它应该与内容 ID 相关。但是，当我运行并尝试在浏览器窗口中滚动时，该框固定在浏览器窗口中，即使我滚动也不会移动。它应该固定为我设置的 img id。图像在移动，但文本框没有。我该如何解决这个问题？

这基本上是我使用的代码。

singledose.jsp

<form method="GET" action="SingleDose" id="searchform">
    <div id="container">

        <div id="header2">
            <h2>Single Dose Model</h2>
        </div>

        <div id="content">

            <div id="picture">
                <div id="img">
                    <img alt="PK Diagram" src="PKdiagram1.jpg">
                </div>
                <div id="parameter">
                    <input type="text" name="ka_Central" class="ka_Central"
                        id="ka_Central" value="<%=ka_Central%>" /> <input type="text"
                        name="k12" class="k12" id="k12" value="<%=k12%>" />
                </div>
            </div>
            <div id="webfigure">
                <jsp:include page="dose.jsp"></jsp:include>
            </div>
        </div>
    </div>
</form>

dosestyle.css

img {
    float: left;
    width: 550px;
    height: 275px;
    position: relative;
    top: 69px;
    width: 550px;
}
#container {
    background-color: white;
    width: 1300px;
    margin-left: auto;
    margin-right: auto;
}
#header2 {
    background-color: #66CCFF;
    color: white;
    text-align: center;
}
#content {
    padding: 0px;
}
#parameter {
    width: 70%;
    position: fixed;
    top: 30px;
    left: 82px;
    float: left;
}
.ka_Central {
    background-color: #FFFF88;
    border: 1px solid #008000;
    width: 50px;
    text-indent: 0px;
    position: relative;
}
.k12 {
    background-color: #FFFF88;
    border: 1px solid #008000;
    width: 50px;
    position: absolute;
    top: 315px;
    left: 385px;
}

希望有人能提供帮助。谢谢!

Answer 1

首先，我不是程序员，只是新手。请不要期待一个非常技术性的编程答案。这只是为了分享我所做的。

我实际上已经尝试到处寻找答案，但发现的所有相同问题都没有得到解答。基本上，这就是我所做的。很简单。我刚刚删除了#parameter 函数并将所有文本框位置更改为position: relative。

和其他人一样的问题，我们忘记从父元素中取出position格式(这里是#parameter)。我认为 1 个工作只能由 1 个元素完成，要么是 child ，要么是 parent 本身。或者可能还有其他一些我没想到的方法。其他部分我也试过，效果一样。一旦我从 parent element 中删除了位置格式，tadaaaa!!!完成..;)