Невозможно обработать Float: свойство left - PullRequest
Новая
       0

Невозможно обработать Float: свойство left

0 голосов
/ 11 октября 2011 
<!doctype html>
<html>
    <body>
        <table style="float:left;margin-left:20px;width:120px">
            <tr><td style="background-color:#EBEBF5;">Profile Info >> </td></tr>
            <tr><td>Entertainment</td></tr>
            <tr><td>Sports & Fun</td></tr>
            <tr><td>Add More </td></tr>
        </table>
        <table style="width:200px">
            <tr><td>info</td><td>Education</td><td>Work</td></tr>
        </table>
    </body>
</html>

Похоже на это, когда окно браузера развернуто 

 Profile Info >>   info Education   Work
 Entertainment
 Sports & Fun
 Add More

Тогда я свернул окно браузера все меньше и меньше до пика, теперь оно выглядит такИнформация, образование и работа уходят на дно, чтобы добавить больше, почему?почему свойство width не работает, когда я использую float: left?Как мне справиться, когда я использую свойство float: left?

1 Ответ

2 голосов
/ 11 октября 2011

Это происходит потому, что вы перемещаете всю таблицу, а строка «Добавить больше» является частью основной таблицы. Если им не хватит места для размещения, вторая таблица будет обернута ниже, как вы видите там. Если вы не хотите, чтобы он был обернут, вам нужно обернуть все в div с установленным min-width. 

<div style="min-width: 400px;">
<!--INSERT YOUR TABLES HERE -->
</div>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...