바닥 글과 바닥 글 오른쪽 하단의 요소

Question

나는 만들고있는 워드 프레스 테마의 일부 사회적 아이콘을 추가하는 데 문제가 있습니다. 문제는 바닥 글의 오른쪽 하단 모서리에 아이콘을 표시 할 수 없다는 것입니다.

다음은 내가 습득하려고하는 것입니다. 회색 요소는 기존 요소이고 빨간색 요소는 사회 아이콘 스트립이며 여기에 추가하고 싶습니다. 나는 이것을 달성 할 수

유일한 방법은 수동으로이 같은 전체 폭은 여백을 추가하는 것입니다

이 가진 문제가

.social-icons { 
    padding: 0!important; 
    margin-left:864px; 
    list-style-type: none!important; 
     position:absolute; 
     bottom:0; 

} 

그 창은 사회를 크기를 조정할 때 아이콘이 여기 저기에있다. 나는 float right가 훌륭하게 작동 할 것이지만 문제는 그렇지 않다는 것을 안다.

나는이 시도하는 경우 :

.social-icons { 
     padding: 0!important; 
     list-style-type: none!important; 
     position:absolute; 
     bottom:0; 
     float:right; 
} 

그것은 다음과 같이 끝 :

요소라는 제목의 로고는 이미 플로트 사용 권리; 그래서 그것과 관련이있을 수 있습니다. 다음은 로고 div입니다.

.footerlogo img { 

    float: right; 

} 

내가 플로트를 가져가는 것은 문제입니다. 로고 div에서 벗어나 플로트를 유지합니다. 소셜 아이콘 스트립에 로고 아이콘이 로고 위치로 표시되고 로고가 뒤로 이동합니다. 예를 들면 :

사람은 오른쪽 아래 구석으로 사회 아이콘 (이미지의 빨간색 요소)를 고집 방향으로 나를 안내하고 제가의 정상적인 방법 때문에,이 작업을 수행 할 수있는 방법을 알려 수

float를 사용하면 오른쪽 아래로 떠오르지 만 로고 위치로만 이동합니다.

Answer 1

요소가 가장 가까운 위치 부모의 오른쪽 가장자리에 정렬해야한다 0으로 right 재산 설정해보십시오 :

.social-icons { 
    padding: 0!important; 
    list-style-type: none!important; 
    position:absolute; 
    bottom:0; 
    right: 0; 
} 

Answer 2

사업부에 .social-아이콘을 넣어 사용해보십시오 부모를 말할 부모를 만들기를 div float right; float 속성은 절대 위치 지정과 함께 작동하지 않습니다.

Answer 3

position:relative

에 바닥 글의 주요 사업부를주고 position:absolute 사회적 아이콘 사업부를주고 왼쪽과 최고의 가치를 제공