2016-07-25 1 views
0

div (테이블)를 가운데 정렬하려고했습니다. 나는 여백 폭을 변경하고 그것을 잘 작동하지만, 화면이 작은 경우에는 아래의 그림과 같이, I/오른쪽 바를 스크롤을 내려 : 화면이 작을 때 스크롤 막대 제거

enter image description here

내가 어떻게 변경할 수 있습니다

? 나는 최대 높이를 놓고 여백 (0으로 설정)을 가지고 노려 보았지만 성공하지 못했습니다.

HTML :

<div class="container"> 
<div class="table"> 
<h3 class="table-title basic-title">####</h3> 
<ul class="table-list"> 
<li></li> 
<li></li> 
</ul> 
<div class="price"></div> 
<a class="buy basic" href="#">MORE</a></div> 
</div> 

CSS :

.container { 
    max-height: 465px; 
} 

.table { 
    position: relative; 
    width: 50%; 
    max-width: 320px; 
    min-width: 270px; 
    margin: 30px auto; 
    background: #fff; 
    text-align: center; 
    height: auto; 
    margin-bottom: 90px; 
    -webkit-transition: all .3s linear; 
    transition: all .3s linear; 
} 
+0

주어진 CSS에 의해 더 많은 CSS 코드를 추가하십시오 위의 예제를 만들 수 없거나 jsfiddle을 추가하려고 시도합니다. 고맙습니다 –

답변

1

당신은 설정할 수 있습니다 오버 플로우가이 문제를 제거 할 생각 hidden.I합니다.


{
오버 플로우 : 숨겨진;
}

: 시도 오버플로가 ... 내가 그 문제를 받고 오버 플로우의 당신이 되었기 때문에 생각합니다.