Правое выравнивание изображения в max-width div

Question

У меня есть обертка div с максимальной шириной 700 пикселей, а единственное содержимое - выровненное справа изображение шириной менее 700 пикселей. Поскольку он не заполняет его, оболочка не расширяется до 700 пикселей. Как я могу заставить оболочку расширяться до полной ширины, когда в окне браузера есть место? Единственный хак, который я нашел до сих пор, также включает в себя нулевой диапазон высоты с более чем одной строкой текста в ...

Answer 1

div должен по умолчанию расширяться по горизонтали до ширины его родительского объекта. Попробуйте установить ширину на div до 700px.

Answer 2

Вы можете установить overflow: hidden на div 700px, считая, что вы не устанавливаете явную высоту.

Answer 3

Как упоминалось в CRasco, Div обычно расширяется, чтобы заполнить его контейнер, пока мы не придем с каким-то причудливым стилем и не завинчиваем его. Вот стили, которые я могу придумать с головы, чтобы предотвратить расширение Div для заполнения его контейнера:

Это сделает его самым маленьким размером, необходимым для хранения его содержимого.

• float: left;
• float: right;
• display: inline;
• display: inline-block;

И, конечно же, любой из них будет установлен или ограничить размер Div. Я уверен, вы заметили бы, если бы это вызвало вашу проблему, но я думал, что должен включить их как можно более полно.

• width: 100px;
• max-width: 100px;
• height: 100px;
• max-height: 100px;

Answer 4

Если вы знаете, с изображения, которое вы можете добавить маржу к нему.