Question

首先，我是HTML和CSS的新手。我正在创建一个网络但是在调整浏览器大小时让我很烦恼。每当我调整浏览器大小时，如何使页面右侧的文本框（以及我网页上的所有内容）保持不变？

HTML

<body>

<div id="container" align="center">
<br />
<div id="header" >
    <img src="logo.jpg" align="left"/>

    <table align="right">
        <tr>
            <td><input type="text" maxlength="20" /></td>
            <td><img src="search.jpg" /></td>
        </tr>
    </table>
</div>
</div>

CSS

#container {
position:absolute;
top:0;
left:0;
height:100%;
padding-bottom:40px;
overflow:hidden;
min-width: 100%;
}
#innerheader {
    width: 40%;
    margin: 0 auto;
}
#header {
    min-width: 80%;
    position: relative;
}

我现在被困在这一部分上一天了。 :( 我试着谷歌搜索它，但不幸的是我没有遇到我正在寻找的东西。

Answer 1

您可以看到此网站，希望您找到答案
链接是here

窗口调整大小时停止图像重新定位

1 个答案: