为什么我的页面的一部分没有根据浏览器尺寸居中?
I can't work this out :-(
everything else moves but that main picture and 3 buttons to the right
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
I can't work this out :-(
everything else moves but that main picture and 3 buttons to the right
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
接受
或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
发布评论
评论(1)
李,
查看 CSS 中其他正在运行的部分。您为它们定义了宽度和 Margin:auto ,这使它们居中。
要更正标题,您应该为标题组件提供一个包装器,并确保定义宽度、位置:相对,因为您使用幻灯片的绝对位置,并将边距设置为“0 auto”,这将不会创建顶部或底部边距,但以容器为中心。
CSS 示例:
#header-wrap{
宽度:1000px;
保证金:0 自动;
职位:亲属;
高度:363px;
希望
这有帮助,
乍得
Lee,
Take a look at the CSS for the other parts that are working. You have them defined with a width and the Margin:auto which is making them center.
To correct your header, you should provide a wrapper for the header components, and make sure you define the width, position:relative since you are using absolute position for the slideshow, and set the margin to '0 auto' which will create no top or bottom margin, but center to container.
CSS Example:
#header-wrap{
width:1000px;
margin:0 auto;
position:relative;
height:363px;
}
Hope this helps,
Chad