文章/答案/技术大牛

发布

社区首页 >问答首页 >按下按钮时，导航栏右侧断开

问按下按钮时，导航栏右侧断开
EN

Stack Overflow用户

提问于 2014-02-11 20:29:37

回答 1查看 70关注 0票数 0

在使用chrome浏览器时，在某些windows PC上，按下“安排呼叫”按钮时，导航栏会断开。

http://pracly.com/experts/profile/1

导航栏的代码如下：

<div class="collapse navbar-collapse" id="main-navbar-collapse">
                            <ul class="nav navbar-nav navbar-right">
                                <li>
                                    <a href="http://pracly.com/">Home</a>
                                </li>
                            </ul>
                        </div>

安排呼叫按键的代码如下所示：

<div class="external-links">
    <a href="http://pracly.com/experts/profile/1#scheduleCall" class="btn btn-sm btn-success">Schedule a Call</a>                       
    <a target="_blank" href="http://www.linkedin.com/in/faheemahmed" class="btn btn-sm btn-default">LinkedIn</a></div>

这一现象的图像可以从以下链接中看到：http://imgur.com/SBpGOpF

css

twitter-bootstrap

html

回答 1

Stack Overflow用户

发布于 2014-02-11 21:15:57

您的导航栏可能使用像素宽度(1280px)尝试使用百分比宽度。

可以工作的代码

html:-

<html>
<div class="nav"></div>
</html>

css:-

.nav{
     width:100%;
     height:64px;
     position:fixed;

 /*make sure that te div touches the top */
     top:-22px;
     margin-top:22px;

/*make sure that the div touches the left*/
     left:-22px;
     margin-left:22px;

     background-color:black;
     }

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/21701886

复制

相似问题

问按下按钮时，导航栏右侧断开
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问按下按钮时，导航栏右侧断开EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问按下按钮时，导航栏右侧断开
EN