在我的试用页面上使用水平滚动条编码堆栈

时间:2016-12-11 00:25:05

标签: html css

您好我试图从我的网站上划掉水平滚动条。我发布了两张图片,显示问题出现在两个div元素中。 this picture display the problematic div

但我没有这两行代码 .row { margin-left: -15px; margin-right: -15px; } 在我的CSS文件中。 这指的是名为grid-framework.less的文件。 你能帮我解决这个bug吗? 感谢。

这是我的CSS文件的代码。

@font-face {
font-family: OpenSans Bold;
src: url('OpenSans-Bold.ttf');
}

header .navbar-default {
background: url("/diary/pictures/home-banner-background.jpg") no-repeat    center center fixed;
background-size: cover;
max-width: 100%;
height: 120px;
margin: 0 auto;
}
.navbar-left img {
max-width: 200px;
margin-left: 15px;
margin-top: 25px;
}


/* search and date picker*/
.date {
margin-top: 5px;
}

.row .col-lg-2 {
padding: 4px;
margin-top: 1px;
margin-left: 25px;
}

.col-lg-2 b {
font-size: 16px;
}

.glyphicon-calendar {
padding: 4px;
margin-top: 1px;
}

.search {
padding: 4px;
margin-top: 1px;
margin-right: -5px;
position: relative;
}

.search span {
padding: 4px;
}

/* body */

.body-page {
background: #C6C6C6;
max-width: 100%;
height: 865px;
margin: 0 auto;
}

.table-responsive {
max-width: 90%;
float: right;
padding-right: 200px;
margin-right: 50px;
/*
padding-right: 200px;*/
}

th > a {
border-radius: 2px;
}

tbody tr:last-child a {
background-color: #5cb85c;
color: #ffffff;
border-radius: 2px;
padding: 3px 4px;
text-decoration: none;
font-family: OpenSans;
}

tbody tr:nth-last-child(2) a {
text-decoration: none;
color: black;
padding-left: 2px;
font-family: OpenSans;
}

tbody tr:nth-last-child(3) a {
text-decoration: none;
color: #ffffff;
background-color: #f92b2b;
border-radius: 2px;
padding: 3px 4px;
}

#table_3 > tbody tr {
font-family: OpenSans;
}

#table_2 > tbody tr {
font-family: OpenSans;
}

.table {
font-family: OpenSans;
}

.glyphicon-remove {
margin-left: 8px;
}

#access_1 {
padding-left: 20px;
max-width: 20%;
float: left;
}

#table_2 {
height: 240px;
width: 240px;
}

#table_3 {
margin-top: 20px;
height: 240px;
width: 240px;
}

/*footer*/

footer {
background-color: #3F3C3C;
max-width: 100%;
height: 60px;
}

footer .report {
width: 300px;
float: right;
padding-top: 18px;
}

footer .report a {
text-decoration: none;
color: #ffffff;
margin-right: 5px;
}
footer a:hover {
cursor: pointer;
color: #f9a42b;
}

0 个答案:

没有答案