1

我对 HTML/jQuery 很陌生，我正在为一个班级设计一个投资组合网站。我制作了一个图形，其中包含一个文本应该在左侧的框。我想最小化用户的滚动，所以我让包含图像的 div 随窗口调整大小，并且还实现了最小尺寸。我现在对如何使用我的文本框执行此操作有点困惑。我正在尝试创建一个包含在背景图像 div 中的 div 以保存文本。此文本 div 需要定位在框图形内并与图像一起调整大小。我尝试使用百分比作为边距，但它不起作用，因为当我调整窗口大小时，它再次变得未对齐。

[这里是页面。]

[这里是 CSS。]

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

4

1 回答 1

0

请看一下这个 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/

我希望这会有所帮助。

于 2012-12-10T23:29:37.863 回答