2013-11-27 3 views
-3

Я использовал поля, чтобы размещать на моем сайте все, что позиционирует изображения, divs и т. Д. Мне нужно знать, правильно ли я делаю Im (с точки зрения позиции), можете ли вы проверить мой код? БлагодарностиНеправильно ли мое позиционирование?

http://jsfiddle.net/LUhb7/

примеры моих краях

margin: -410px; 

Я понимаю, что их много способов, чтобы позиционировать вещи на CSS. Мне интересно, как я использовал поля в своем CSS, правильно ли это сделано? Как вместо полей, я не должен использовать другие вещи, такие как float, position: relative и т. Д.?

+0

Можете вставить здесь свой код, а не проверку вопроса? [Я не голосовал) – TLama

+1

Похож на действительный вопрос для меня, но мы лучше реагируем на [Short, Self Contained, Correct, Examples] (http://sscce.org/). Попытайтесь сократить свой веб-сайт до минимума, который все еще воспроизводит ошибку. У меня были проблемы, которые я почти отправил в StackOverflow, только чтобы обнаружить основную причину, уменьшив ее. –

+0

@Prashant Все, что я хочу знать, это мое правильное позиционирование? Например, должен ли я использовать поля для размещения всего, потому что он работает нормально. – AdzT1

ответ

1

По умолчанию DIV являются блочными элементами, которые означают, что они текут друг под другом на странице. Чтобы обойти это, вы указали поля на .box3, чтобы переместить его рядом с .box2.

Другой способ сделать это так:

<div class="wrapper"> 
    <div class="box">...</div> 
    <div class="box">...</div> 
</div> 

и CSS

.wrapper {clear:both;} 
.box {float: left;} 

Это даст вам тот же эффект. http://jsfiddle.net/FKBXQ/

+0

Я правильно использую позиционирование? Как я должен использовать маржи таким образом? Потому что моя прибыль сходит с ума, как -400px – AdzT1

+0

Будет ли это лучше? float: левое положение: относительное; слева: -30%; top: 40% – AdzT1

+0

Лично я бы использовал либо поплавки, либо поля или позиционирование, но не оба: – Sico

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