Question

在按下“安排通话”按钮时，使用Chrome浏览器时导航栏在某些Windows PC上出现故障。

导航栏的代码如下：

<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

Answer 1

您的导航栏可能正在使用像素宽度（1280像素）尝试使用百分比宽度。

有效的代码

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;
     }

按下按钮右侧导航条打破

1 个答案: