Как заставить float работать с max-width

[mrPsyx]

Дело в том что float убивает max-width , и значение для width берет от min-width а если не поставить min-width то блок вопще не отображается.. как исправить чтоб при float max-width и min-width работали нармально ?

 

[Creator]

В целом вы неплохо описали проблему, но будьте снисходительнее к тем, кто решит попробовать это на практике. Предоставьте код.

 

[mrPsyx]

<div id="block"></div>

html {
width:100%;
height:100%;
margin:0;
padding:0;
}
 
body {
padding:0;
margin:0;
width:100%;
height:100%;
background-color:#FFFFFF;
overflow:hidden;
}

div#block {
max-width:100px;
min-width:50px;
float:left;
}

здесь ширина будет 50px у div . Словно убирает max-width:100px; и значение для ширины берет от min-width:50px;

 

[ZitosS_32]

MRMaster, вы знаете что float заставляет блок принимать размеры по его содержимому, если они не указаны явно, через width. ваше же

max-width:100px;
min-width:50px;

Задаёт минимальный размер, который принимается как 50px, а максимальный размер игнорирует.
max-width указывает на максимальный размер, который может принять блок. Так вот... так как блок изначально занимает 100% выделенного ему пространства, то max-width там могло ограничить его ширину. В данном случае вам не удастся использовать данный параметр, так как float означает обтекание, что заведомо делает ширину блока по контенту в нём.

 

[mrPsyx]

ну подскажите тогда как сделать чтоб у дива был отступ от левого края minimum 50px а максиму 100px.. ???? тоесть если нет место то чтоб отступ был в 50px а если появется лишние пиксели чтоб отсуп увельчевался но тока до 100px

 

[mrPsyx]

Знатаки ,Не поможете ?

 

[ZitosS_32]

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

 

[mrPsyx]

какраз его изучаю )