Поплавок: левый и поплавок: правый с минимальной шириной

Question

Использование min-width: 156px; в div, который содержит два divs, один float: left, а другой float: right, min-width становится 100%. Как исправить?

Answer 1

Я не уверен, что вы понимаете, что делает min-width. Он устанавливает минимальную ширину для элемента, например. «Этот <div> должен быть как минимум 156 пикселей шириной, но может быть больше».

По умолчанию <div> s будет расширяться, чтобы заняться всем свободным пространством, поэтому просто объявление min-width: 156px на <div>, вероятно, не повлияет на него.

И min-width:156px, кажется, работает (по крайней мере, в Chrome), когда применяется к <div> с левым поплавком и правым поплавком внутри него. См:

• http://jsfiddle.net/b8jY5/1/

прародитель <div> имеет width: 50px, но родитель <div> с min-width:156px еще 156 пикселей в ширину.

Answer 2

Я не понимаю, почему вы так делаете. Но вы можете решить это, предоставив display: inline-block; для внешнего div.

Answer 3

div элементы имеют 100% ширина по умолчанию. Я думаю, вы должны использовать либо ширину, либо max-width, если вы хотите отрегулировать ее ширину, а не min-width.