Как правильно создать систему позиционирования на css + sass?

Question

[vasIvas]

Очень не люблю css, но все же вынужден работать с ним. У меня вот какой вопрос - как гласят хелпы, у чилда можно выставить сто процентные размеры только в том случаи, если у всех его родителей тоже будут выставлены сто процентные размеры. И меня напрягает думать, что родителю, которых не так уж и мало набирается, нужно выставлять эти самые размеры. Пишу на sass. Можете что-нибудь мне посоветовать? Как Вы с этим боретесь? Или для Вас это нормально?

И заранее спрошу - что делать, если родитель не должен иметь сто процентные размеры?

UPD: 0.0.1
Извиняюсь что забыл сказать - я использую ещё bootstrap3, по этому всё что я сказал ранее действительно с его использованием.

UPD: 0.0.2
И развивая тему, был бы рад услышать, какой решение для себя выбрали гуру css+sass в вопросе позиционирования?

Answer 1

[Дмитрий Новиков]

у чилда можно выставить сто процентные размеры только в том случаи, если у всех его родителей тоже будут выставлены сто процентные размеры.

ерунда какая-то. а если у родителя 50% ширина - все, не будет работать?:)
другой вопрос, что для правильного определения ширины в процентах, у родителя должен быть задан position, причем как правило relative. но и это не во всех случаях.

Comments

[vasIvas]

А как быть во всех случаях? Как правильно сделать чтобы я без ругательств на любом уровне мог работать с "объектами" ни о чем не думая? И я использую bootstrap3.
И как вообще профессионалы css+sass делают?

Answer 2

[HoHsi]

Любой элемент по дефолту имеет размер auto, что как привило эквивалентно 100%. Так, что ни как не боремся

Comments

[vasIvas]

а почему у меня тогда нет 100%? В чем может быть дело?

[vasIvas]

ой, а я наверное забыл что у меня bootstrap3... Ведь это у него наверное в стилях такая ерунда. да?

[Виталий Инчин ☢]

auto эквивалентно 100%? Можно пример?

[HoHsi]

vasIvas: к сожалению, бутстрапом не пользуюсь. Но тут проблема не во вложенности. Проценты высчитываются от размера родителя. Если у него скажем размер в 300px, то 50% будет эквивалентно 150px

[HoHsi]

Виталий Инчин ☢: www.w3schools.com/cssref/pr_dim_width.asp

[HoHsi]

Виталий Инчин ☢: оу, я подумал, вы про div'ы. Ну я же сказал как правило. Авто расчитывается исходя из контента и магии (я бэкенд, нелюдь. Мне не понять :) )

[Виталий Инчин ☢]

HoHsi: просто есть такая штука - блочные элементы. Они растягиваются по ширине родителя. А вот остальные уже по другому.

[HoHsi]

Виталий Инчин ☢: я императивным путем обычно до этого дохожу, или пресую верстальщика :)