проблема с плавающей и автоматической шириной CSS

Question

У меня есть два div на странице: один плавающий влево, а другой правый:

.lefttty {
    height: 200px;
    width: auto;
    min-width:200px;
        float: left;}

.rightyyyy {
        height: 200px;
    width:400px;
        float: right;}

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

Теперь у меня проблема с плавающей и автоматической шириной ...

кажется, что левый div не расширяется доразмер экрана, вместо этого он приспосабливается к минимальной ширине.Поэтому, когда я его предварительно просматриваю, получается 200px (минимальная ширина).Когда я удаляю float, он расширяется до полной ширины экрана, как и должно быть.Но мне нужен там поплавок.

Я еще не установил ширину правого делителя в автоматический режим, так как я проверяю левый атм.

есть идеи о том, как решить эту проблему?

Answer 1

Вы должны удалить float из левого div'а, и тогда он будет работать правильно: http://jsfiddle.net/6g2cn/show

Answer 2

Я думаю, что если ваш элемент является плавающим, а ваш элемент имеет только элементы, которые не являются твердыми (подвержены влиянию потока), плавающий элемент примет заданную ширину или максимальную ширину, которую примет элемент.

Если ваш div пустой, плавающий div не будет иметь ширины.И, дав ему min-widdh, он получит эту минимальную ширину

. И чтобы приспособиться к масштабированию, я бы посоветовал вам изменить значения px px для% значений в контейнере, который принимает 100%.Ширина браузера.Он должен двигаться столько же, сколько вы увеличиваете или уменьшаете масштаб.