Начало »Блог» CSS "Позициониране блокове хоризонтално
хоризонтално позициониране блокове
Аз трябва да кажа, че тези решения не са подходящи за IE6. По принцип е необходимо моето мнение, че за да застреляш всички, които използват този браузър -) шега -)
Stuck namber ван (обикновено трябваше да използва PHP):
Трябва да направите това:
Ние правим HTML рамка:
С цел да се осигури блоковете хоризонтално в черупката, ние се нуждаем само на няколко линии на CSS код. Първото нещо, което идва на ум: .section декларира клас със свойствата ширина и марж-надясно, с желаните стойности. Но това дясно поле на най-дясната елемент ще действа в продължение на границата на корпуса:
От дясната граница на най-дясната елемент превиши ширината на черупката, в съответствие с правилата маркиране-дясната блок "отива" надолу:
Възниква въпросът: как да се премахне "екстра" подложка в най-дясната блок без специално CSS клас, че марж-право на собственост ще бъде настроен на 0?
Той е тук, и си струва да припомним селектор: първо дете, и се обръща дясното поле отляво. По този начин, към лявата тире на първия блок е равна на нула. Това повдига въпроса: защо обърнете? Работата е там, че в IE7 | 8 подкрепа: добавя първо дете, а: в последния дете не е така. Запазване?
Така че, нека да разгледаме CSS код решения. На първо място, се определят на плика:
Сега декларираме клас съдържание .section обвивка:
Примерът използва фиксирани стойности свойства ширина и марж ляв. Понякога може да си бъдете дискретни проценти.
Сега трябва да се отстрани лявото поле на първия блок, това е направено, както следва:
#wrapper Разделение: първо дете марж-наляво: 0px;
>
Свързани статии