Пожалуйста, кто-нибудь объяснит мне свойства позиционирования CSS на простом для понимания простом английском?
С примерами.
Я изо всех сил пытался понять, как позиционирование CSS работает при создании макета и выравнивания.
Быстрый поиск в Google привел меня к этому: http://www.barelyfitz.com/screencast/html-training/css/positioning/
В то время как есть много учебных пособий по позиционированию CSS, таких как
http://www.brainjar.com/css/positioning/ http://www.alistapart.com/articles/css-positioning-101/ http://www.tizag.com/cssT/position.php http://www.mako4css.com/Tutorial.htm
Проблема в том, что существует несколько способов позиционирования элементов на странице, вы можете использовать float, позиционировать относительные div с абсолютными вложенными div, тогда у вас есть поля и отступы, а также отрицательные поля. Высоты и ширины в процентах пикселей и т. Д. Это не то, чему можно научиться из одного урока, а опыт.
Я предлагаю вам установить Chrome и использовать инструмент разработчика на базовом макете CSS или FireBug в Firefox, чтобы узнать, как CSS работает на простых макетах, здесь вы можете найти множество стилей макетов CSS для игры с http://www.maxdesign.com.au/articles/css-layouts/