我正在学习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;
答案 0 :(得分:0)
如果您不想要水平滚动条,请执行此操作
<style>
body {
overflow-y: hidden;
}
</style>