请教导航条向两边自动伸展的问题

2016-07-07 16:06 来源：www.chinab4c.com 作者：ecshop专家

我想实现导航条根据屏幕尺寸向两边自动伸展，修改了style.css的width:auto
/*搜索*/
#search{border:1px solid #5cb4e6; background:url(images/searchBg.gif) repeat-x left top; width:auto;
padding:0px 20px; height:36px; line-height:36px;
}
#search a{color:#fff; text-decoration:none;}
#search .keys{background:url(images/bg.gif) no-repeat 0 -28px;
color:#fff; padding-left:40px;
}
#search .go{background:url(images/bnt_search.gif); border:none; width:52px; height:19px;/* position:relative; top:2px; utf8下*/}

修改了上面代码红色部分后就变成这样的问题了，如图
未命名2.jpg

我只是想实现导航条根据屏幕尺寸向两边自动伸展，求教如何解决“红圈内的部分跟着导航栏伸展”这个问题，我使用的是ecshop2.72默认模板，请教高手，上面的代码该如何修改，谢谢

回答：
宽度设为100%就可以了，背景图片横向重复

你需要在search外面再套一个架构，然后将这个模块的背景设为平铺，里面的保持页面宽度，外面的无限延展




请问如何在外面再套一个架构，完整的代码应该怎么写呢？

在它的div外面加个div呗
只不过貌似又个整体的div控制的，你需要脱离出去头部...

做导航条向两边自动伸展，我也曾经试过，宽度设为100%，好像用ecshop默认模板的是很难做到的，有没有人能具体点说一下呀怎么修改