中易网

DIV+CSS设计网页布局时,如何将菜单导航部分背景自适应屏幕宽度,而让导航内容居中?

答案:3  悬赏:10  
解决时间 2021-02-17 11:21




最佳答案
这是由两个div来实现的,首先建立一个外层div并设置宽高,要使宽度随屏幕宽度变化(即浏览器宽度变化),那么宽度就得设置100%,高度设置为你需要的高度即可,具体属性为 width:100%;height:你自己的高度;background:你需要的颜色; 这样就让该div随屏幕(浏览器)宽度变化而变化了。然后在这个div里面再嵌套一个div给定一个宽高属性,就是你导航的宽高,要使之居中,各人使用的方法也有所不同,但是常用的还是margin属性,具体属性如下 width:你导航的宽度;height:你导航的高度;margin:0 auto; 这样就实现了,如果背景是图片的话就更改background属性即可,还有不明白的随时Hi我。
全部回答
分两部分,一部分是不限宽的背景层,这一层只要设置高度和背景就行,另一层再刚才那一层上面,设置高度和宽度,高度可以与第一个层一样,宽度要用定宽,比如1000个像素,这个层就是菜单的容器层,然后给这个层加个样式style="margin:0 auto",这样就行了,试试吧
你可以使用z-index和javascript。在这个导航之上增加一个div,在div里设置一张图片,然后让这个div比你这个导航的层次低,这样就成为背景了。至于自适应宽度,就只能借助javascript检验浏览器的屏幕大小来改变图片的大小来起作用了。传统了想靠css+div来解决好像不怎么可能。
我要举报
如以上问答内容为低俗、色情、不良、暴力、侵权、涉及违法等信息,可以点下面链接进行举报!
大家都在看
王水里面所挥发的黄色烟雾是什么气体,怎样才
求安静结束藏头诗
我是84年农历闰十月初十出生的是什么星座?
昨天去银行开了张建设银行卡,工作人员叫我第
怎样偷用别人的无线网络
我想自己染头发,染发剂里可以到上鸡蛋清吗?
想换条8G内存,用双4G好还是单8G好,还有应该
谁喜欢皮卡丘啊
和女同学睡在一张床没有做实际的事算不算睡了
我是蹭网一族的 ! 前天晚上我蹭网的 无限路
U盘损坏,如何修复原有数据。
粗心的近义词
电脑主机放光盘那里自动开关?是怎么回事?以
tp link wr847n 路由器拨号失败,服务无响应
图集里钢筋上的小勾是什么,比如说梁上部贯通
推荐资讯
诺基亚5230怎么把手机QQ移到主屏幕哪里?还有
雨山区马鞍山市信息技术公共实训基地在什么地
中国邮政全球邮政特快专递团风营业部地址有知
老板说4000一个月,然后给3000,我不干了又不
轩辕传奇创建角色就没反应了
刘亚琳生日快乐我爱你藏头诗
做人如何做到真善美?尤其是真?
LG55LG63CJ-CA 和原有卖那部55寸有什么区别
宠爱之名好吗?
新手请教 java代码fruit f=new apple();不理
皇冠的标志 是什么车
同房垫枕头容易受孕,应该是在同房时还是在同
手机登qq时,显示手机磁盘不足,清理后重新登
刺客的套装怎么选啊?