Question

我是HTML / jQuery的新手，我正在为一个类设计一个投资组合网站。我做了一个图形，左边有一个文本框。我想尽量减少用户的滚动，所以我使用窗口调整了包含图像的div，并且还实现了最小尺寸。我现在对如何使用我的文本框感到有点困惑。我正在尝试创建一个包含在背景图像div中的div，以便保存文本。此文本div需要位于框图形内，并随图像一起调整大小。我尝试使用百分比作为边距，但它不起作用，因为当我调整窗口大小时，它会再次变为未对齐。

[这是页面。]

[这是CSS。]

此外，请记住这是一项正在进行的工作，图形和动画将无法完全保持原样！如果有人可以帮助我，请告诉我，谢谢!!

Answer 1

请看看这个jsfiddle并告诉我这是否更像你想要的东西？

HTML：

<html>
<head>
  <title></title>
</head>
<body>
    <header>some | header | nav</header>
    <div class="content">
        <p>test text</p>
    </div>
    <footer> a &copy; symbol </footer>



</body>
</html>

CSS：

body {
 background:gray;   
}
header {background:black; color:white}
footer {background:black; color:white}

.content {
    margin: 25px;
    height: 30px;
    width: 100px;
    padding: 50px;
    border: 1px solid black;
}

http://jsfiddle.net/VsKsQ/

我希望有所帮助。

使div内的文本框根据窗口大小进行扩展和缩小（div已经这样做）

1 个答案: