所有broswers中的水平滚动条

时间:2017-10-11 17:12:36

标签: html css

我正在学习HTML,CSS。这是迈向网页开发的基本步骤,所以这是我从学校开始的一个小项目! 水平滚动条无任何理由显示!



<html>
<head>
	<title>Home</title>
	<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.5.0/css/font-awesome.min.css" type="text/css" rel="stylesheet" />
	<link rel="stylesheet" type="text/css" href="bootstrap.min.css" />
	<script type="text/javascript" src="bootstrap.min.js"></script> 

</head>
<body>
   <div class="row" style="background : #f5eef8">

       <div class="col-md-8 ">

          <img src="logo.png" height= "85px" width="300px">

        </div>

        <div  style="margin-top:  30px ;" class="col-md-4 " >
          <a style="color: #3b5998  ; " type="button" class="btn-lg  " href="https://facebook.com">  <i  class="fa fa-facebook"></i></a>
          <a style="color:  #0084b4; " type="button" class="btn-lg  " href="https://twitter.com">  <i  class="fa fa-twitter"></i></a>
          <a style="color:  #3F729B; " type="button" class="btn-lg  " href="https://instagram.com">  <i class="fa fa-instagram"></i></a>
          <a style="color:   #DD4B39; " type="button" class="btn-lg  " href="https://google.com">  <i class="fa fa-google"></i></a>
          <a style="color:  #CB2027; " type="button" class="btn-lg  " href="https://pinterest.com">  <i class="fa fa-pinterest"></i></a>
       </div>

    </div>

    



</body>
</html>
&#13;
&#13;
&#13;

1 个答案:

答案 0 :(得分:0)

如果您不想要水平滚动条,请执行此操作

<style>    
    body {
        overflow-y: hidden;
    }
</style>