一个网站宽度960px,如何用css布局让抬头的图片在中间显示
如例图,网站正文内容宽度960px,如何让上面的hao123和右边的2个图片在中间显示,而中间的导航兰背景图以适应用户显示器浏览器的宽度显示为什么我做出来的,在测试的时候...
如例图,网站正文内容宽度960px,如何让上面的hao123和右边的2个图片在中间显示,而中间的导航兰背景图以适应用户显示器浏览器的宽度显示
为什么我做出来的,在测试的时候,那个hao123的图片总是在左上角显示,我定义的div宽度是960px也不行 展开
为什么我做出来的,在测试的时候,那个hao123的图片总是在左上角显示,我定义的div宽度是960px也不行 展开
5个回答
展开全部
你可以弄个DIV(给尺槐培它加一个宽度,宽度大小陵唯为你的图片的宽度大小),把相应图片弄到这个DIV里,然后再让DIV居中(给这个DIV加一个margin:auto;应该就行了,不行你再HI我好了)就好。明岩
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
<style>
body {
text-align:center;
}
.header, .main, .footer {
width: 960px;
text-align: center;
margin: 0 auto;
}
.footer {
text-align: center;
}
.nav {
text-align: left;
background-color: green;
line-height: 24px;
}
.clearFloat:after {
visibility: hidden;
clear: both;
display: block;
height: 0px;
content: "."
}
.clearFloat {
zoom: 1;
}
</style>
<配渗body>
<div class="header clearFloat">
<div style="float:left"><img src="logo.gif" style="width: 120px; height: 80px; /></div>
<div style="float:right;"><img src="logo.gif" style="width: 120px; height: 80px; /><毕卖启手如/div>
</div>
<div class="nav">导航</div>
<div class="main">
content
</div>
<div class="footer">
About us
</div>
</body>
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
分成三块
1、顶部logo的div宽猛念度设成960px,margin:0 auto;
2、把绿蓝线条做为背景,中燃div宽度设成100%; 再建一个div写成宽960px,margin:0 auto;
3、剩下的内容写成卖知虚div宽960px,margin:0 auto;
1、顶部logo的div宽猛念度设成960px,margin:0 auto;
2、把绿蓝线条做为背景,中燃div宽度设成100%; 再建一个div写成宽960px,margin:0 auto;
3、剩下的内容写成卖知虚div宽960px,margin:0 auto;
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
展开全部
把你的html代码和css贴上来看看
已赞过
已踩过<
评论
收起
你对这个回答的评价是?
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询