У меня возникла проблема с добавлением социальных значков в нижний колонтитул на тему Wordpress, которую я делаю. Проблема в том, что я не могу заставить значки плавать в нижнем правом углу нижнего колонтитула.Плавающий и элемент справа внизу нижнего колонтитула
Вот что я пытаюсь добиться: серые элементы существуют, а красный элемент - это социальная полоса значков, куда я хочу добавить ее.
Единственный способ, которым я могу достигнуть этого вручную добавить запас, который является полной ширины, как это:
.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;
}
Дело в том, что я беру поплавок: справа; выключить логотип и сохранить float: right; на социальной полосе иконки, социальная полоса значков теперь будет находиться в позиции логотипа, с возвратом логотипа. Таким образом:
Может кто-нибудь вести меня в направлении наклеивания социальных иконок (красный элемент в изображении) в нижнем правом углу и дайте мне знать, как я могу сделать это, так как нормальный способ использование float right не позволит ему плавать в нижнем правом углу, только до положения логотипа.
может у показать мне ссылку на ваш сайт и показать полный код –
'поплавка: left' и 'float: right' делает всегда возникающую проблему, почему вы не используете' clearfix' hack http://css-tricks.com/snippets/css/clear-fix/ –