我绝对定位文本,使其位于我的标题图像内部,但我无法弄清楚当浏览器重新调整大小时如何防止它移动到标题之外.如果浏览器窗口重新调整为较小的大小,则文本移动到标题之外,但如果浏览器窗口的大小调整为更大,则文本将继续移动到标题的右侧!
标题宽800像素,高150像素,位于浏览器窗口的中间位置.
这是我的HTML代码:
Our Site
Catchy slogan...
这是我的CSS代码:
body {
margin: 0px;
padding: 0px;
}
#header h1 {
color: #FFFFFF;
position: absolute;
top: 0px;
left: 305px;
}
#header h2 {
color: #FFFFFF;
position: absolute;
top: 30px;
left: 330px;
}
#header img {
width: 800px;
height: 150px;
display: block;
margin-left: auto;
margin-right: auto;
}