2015-06-11 2 views
0

Я пытаюсь выровнять элементы так, чтобы они были слева, справа и по центру, это работает, однако есть пробел ниже каждого элемента (см.: http://seananderson.co.uk/), и я хочу, чтобы они были сторонними сторона без пробела ниже, вот мой CSS:CSS Элементы в левом, правом и центральном

#introduction { 
    margin-left: 0%; 
    margin-right: auto; 
    width: 33%; 
    float:left; 
} 
#ibiza { 
    margin-top: 0%; 
    margin-left: 33%; 
    margin-right: 33%; 
    width: 33%; 
} 
#social { 
    margin-top: 0%; 
    margin-left: auto; 
    margin-right: 0%; 
    width: 33%; 
} 
+3

Вопросы, ищущих отладки помощи («почему не этот код работает?») Должен включать в себя желаемое поведение, конкретную проблему или ошибку и короткий код, необходимый для его воспроизвести ** в самом вопросе * *. См. [** Как создать минимальный, полный и проверенный пример **] (http://stackoverflow.com/help/mcve) –

+0

'float',' float' 'em all! (И _'lear__ '# twitter') – potashin

+2

Вы должны действительно изучить, как [' float'] (https://developer.mozilla.org/en-US/docs/Web/CSS/float), ['display'] (https: //developer.mozilla.org/en-US/docs/Web/CSS/display) и [контексты форматирования блоков] (https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/ Block_formatting_context) все работают вместе. – Oka

ответ

0

Измените стили ибизы на этот.

#ibiza { float: left; margin-top: 0; width: 33% }

+0

Все ваши стили нуждаются в настройке, но это небольшое изменение стиля для #ibiza исправит вашу проблему. – rashidkhan

+0

@ user228908 согласен с этим в качестве ответа, я вижу, вы использовали его на своем сайте и помогли вам. Спасибо. – rashidkhan

Смежные вопросы