干了十五年建站，我见过太多客户拍着大腿后悔。为啥？因为被忽悠了。今天咱不整那些虚头巴脑的技术名词，就聊聊一个特别具体、特别让人头疼的问题：做网站时如何去掉网站横条。

说实话，看到这个需求，我第一反应是翻白眼。横条？那是啥？是顶部那个导航栏？还是底部那个版权信息？还是某些模板自带的、丑到爆的固定横幅？

我有个客户，叫老张。去年找我做企业官网，预算不多，找了家低价公司。结果上线那天，老张气得差点把电脑砸了。那个网站顶部有个巨大的红色横条，写着“联系我们”，下面还有个更小的“关于我们”。最离谱的是，这横条是固定的，不管你怎么滚动鼠标，它都死死地粘在屏幕最上方，遮住了内容。老张问我：“这咋整？能不能去掉？”

我当时就笑了。我说：“这哪是去掉的问题，这是设计脑子进水了。”

做网站时如何去掉网站横条，首先要搞清楚这横条是啥。如果是模板自带的，那大概率是你没改对代码，或者你根本不会改。很多小白建站，喜欢用那种一键生成的模板。模板里有些元素是写死在CSS里的，比如 position: fixed; top: 0; 这种代码，就是让元素固定在顶部。你想去掉它，就得动代码。

但问题来了，动代码谁都会，难的是动完别把网站搞崩了。

我见过太多人，为了去掉那个横条，把整个头部导航都删了。结果网站打开，上面空荡荡，像个没穿衣服的姑娘，尴尬得要死。或者更惨的是，删完之后，下面的内容全挤到一起，排版乱成一锅粥。

所以，我的建议是：别盲目删。

先看看这个横条是不是真的没必要。有些公司觉得横条丑，想删掉。但你要知道，横条有时候是为了展示关键信息，比如电话、微信二维码。如果你删了，客户找都找不到你，那这网站做出来有啥用？

如果横条真的丑，真的多余，那怎么去掉？

第一，如果是用WordPress之类的CMS系统，去后台找“外观”->“自定义”。看看有没有“头部设置”或者“横幅设置”。很多时候，你只需要把“显示横幅”的勾去掉，或者把横幅背景图设为透明，横条就没了。这是最简单的方法，不用碰代码。

第二，如果后台没这个选项，那你就得看代码了。用浏览器右键“检查”，找到那个横条对应的div或者header标签。看看它的样式里有没有display: block;或者visibility: visible;。把它改成display: none;或者visibility: hidden;。注意，是隐藏，不是删除。删除了可能影响布局，隐藏了只是看不见，更安全。

第三，如果是纯代码写的网站，那就要找写代码的人了。别自己瞎改，除非你是程序员。不然，改错一个括号，整个网站就404了。

做网站时如何去掉网站横条，其实核心不是技术，而是审美和逻辑。

我见过一个案例，客户非要去掉底部的版权横条。我说：“这不行，版权信息是法律要求的，也是体现专业度的。”客户不听，非要去掉。结果网站上线后，被同行举报，说网站不正规。最后花了几千块请律师，才把事儿平了。

所以，别为了去掉一个横条，丢了大格局。

如果你现在正为这个横条头疼，别慌。先截图，看看横条长啥样。再想想，它是不是真的影响用户体验了？如果影响，那就改。如果不影响，那就忍着。

做网站时如何去掉网站横条，其实还有很多变体。比如，有些横条是广告，有些是公告。如果是广告，那更得慎重。有些客户为了省钱，接了广告，结果广告横条太丑，影响品牌形象。这时候，要么换广告位，要么换广告商。

总之，建站这事儿，细节决定成败。一个小小的横条，能看出你的用心程度。

我这些年，帮客户改过无数这样的“小毛病”。每次改完，客户都说：“哎呀，早这么弄多好。”

所以，如果你也遇到这个问题，别自己瞎折腾。找个懂行的人问问。别为了省那几百块的设计费，最后花几千块去补救。

做网站时如何去掉网站横条，答案很简单：看情况，别冲动。

如果你搞不定，或者不想折腾，直接找我。我帮你看看，是删是留，还是改。毕竟，十五年经验摆在这儿，我不忽悠你。

本文关键词：做网站时如何去掉网站横条