DIV+CSS设计网页布局时,如何将菜单导航部分背景自适应屏幕宽度,而让导航内容居中?
答案:3 悬赏:10
解决时间 2021-02-17 11:21
- 提问者网友:虛偽丶靜
- 2021-02-17 08:30
最佳答案
- 二级知识专家网友:情战凌云蔡小葵
- 2021-02-17 09:12
这是由两个div来实现的,首先建立一个外层div并设置宽高,要使宽度随屏幕宽度变化(即浏览器宽度变化),那么宽度就得设置100%,高度设置为你需要的高度即可,具体属性为 width:100%;height:你自己的高度;background:你需要的颜色; 这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性,就是你导航的宽高,要使之居中,各人使用的方法也有所不同,但是常用的还是margin属性,具体属性如下 width:你导航的宽度;height:你导航的高度;margin:0 auto; 这样就实现了,如果背景是图片的话就更改background属性即可,还有不明白的随时Hi我。
全部回答
- 1楼网友:一起来看看吧
- 2021-02-17 10:43
分两部分,一部分是不限宽的背景层,这一层只要设置高度和背景就行,另一层再刚才那一层上面,设置高度和宽度,高度可以与第一个层一样,宽度要用定宽,比如1000个像素,这个层就是菜单的容器层,然后给这个层加个样式style="margin:0 auto",这样就行了,试试吧
- 2楼网友:都不是誰的誰
- 2021-02-17 09:52
你可以使用z-index和javascript。在这个导航之上增加一个div,在div里设置一张图片,然后让这个div比你这个导航的层次低,这样就成为背景了。至于自适应宽度,就只能借助javascript检验浏览器的屏幕大小来改变图片的大小来起作用了。传统了想靠css+div来解决好像不怎么可能。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
推荐资讯
• 手机登qq时,显示手机磁盘不足,清理后重新登 |
• 刺客的套装怎么选啊? |