2014-10-22 2 views
0

나는 내 사회 div 플로트를 만들기가 너무 어려워. 나는 float를 추가 할 때 알아 차렸다. 바로 body size의 크기가 바뀌므로 div가 약간 움직이지만 float은 없다. 바로 body size가 맞다. 이 문제를 어떻게 해결할 수 있습니까?플로트 : 반응 형 사이트에서 오른쪽

#social{ 
     width:102px; 
     height:34px; 
     padding-left:1%; 
     padding-top:1%; 
    } 
    body{ 
     background-image: url('images/bg-2.jpg'); 
     background-repeat: no-repeat; 
     background-position:bottom; 
     background-attachment: fixed; 
     -webkit-background-size: cover; 
    -moz-background-size: cover; 
    -o-background-size: cover; 
     max-width: 100%; 
     overflow-x:hidden; 
    } 

답변

3

, 아래의 CSS를 사용하십시오이 완벽하게 작동합니다 :

#social { 
    width: 100%; 
    height: 34px; 
    padding-right: 1%; 
    padding-left: 0%; 
    padding-top: 1%; 
    text-align: right; 
} 

#icons { 
    padding-right: 0.5%; 
} 
+0

, 나는이 추천하여 –

0

실제로 문제가 단지 문제가 #BLOCK에서 여백을 끌 예를 들어 해결할 수있는 것보다 #BLOCK 요소의 여백을 조정하여 여백입니다 : 여기

Website

내 코드입니다 (왼쪽 여백과 위쪽 여백 모두) float : right를 #social에 적용합니다. 당신은 심지어 float: right를 사용할 필요가 없습니다

0

문제는 #block에 있기 때문에 margin-top:15%의입니다.

#block 스타일 position: absolute;을 추가 한 다음 float:right이 문제를 해결

#social .....

또한이 함께 갈 대단한
관련 문제