Есть ли ошибка в сафари при расчете ширины в процентах? - PullRequest
4 голосов
/ 20 марта 2011

Вот код:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<head>
    <title></title>
    <style type="text/css">
        * { margin:0px; padding: 0px;}

        #greenbox {
            border: 5px solid green;
            margin: 20px;
        }

        #redbox {
            background-color: red;
            float:left;
            width: 50%;

        }

        #bluebox {
            background-color: blue;
            width: 50%;
            overflow: auto;

        }
    </style>
</head>
<body>

    <div id="greenbox">
        <div id="redbox">
        red box
        </div>
        <div id="bluebox">
        blue box
        </div>
    </div>
</body>

Код будет отображать зеленую рамку с рамками, а также красную коробку и синюю рамкузеленое поле, оба с фоновыми цветами.

Вот проблема, хотя: установка синего поля и ширины красного поля на 50% каждая ДОЛЖНА теоретически охватывать всю область содержимого зеленого поля.Тем не менее, в самой правой части зеленого поля есть пустое пространство размером 1 пиксель!

Это ошибка в Safari 5.0.3 (я не могу установить другой браузер для тестирования)?Или в моем коде?Или в CSS?Есть ли простой способ это исправить?

1 Ответ

4 голосов
/ 20 марта 2011

Это не просто сафари.Джон Ресин рассказывает о ширине субпикселя в своем блоге: http://ejohn.org/blog/sub-pixel-problems-in-css/

Этот вопрос также зависит от фактической ширины вашего контейнера.

Был также поток на SO, который говорил об этом, кажется, не может найти это только сейчас.

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