Как стилизовать несколько элементов, чтобы зафиксировать их на 100% ширины? - PullRequest
Новая
       0

Как стилизовать несколько элементов, чтобы зафиксировать их на 100% ширины?

0 голосов
/ 02 июня 2018

У меня есть этот код 

...
<div>
    <label>Identification:</label>
    <input type="text" name="identification" value="" maxlength="20">
    <strong class="characters">20</strong>
    <p class="description">
        <span class="icon_description"></span>Item description
    </p>
</div>
...

, теперь он выглядит так: enter image description here

Мне нужно улучшить его до 100% родительского элемента.Таким образом, label может быть привязано к определенной ширине, а остальные элементы - к ширине пространства.Как это сделать с помощью css3 для кросс-браузеров, пожалуйста?

1 Ответ

0 голосов
/ 26 июня 2018

Привет, я исправил код.Следующий код работает во всех браузерах. 

<!Doctype>
<html>

<body>
<div style="width:500px;margin-top:40px;">
<label style="width:86px;float:left;">Identification:</label>

    <div  style="width:404px;float:right;margin-left:10px;">
    <input type="text" name="identification" value="" maxlength="20"    style="width:45%;">
    <strong class="characters"  style="width:10%;">40</strong>
    <h4 style="width:45%;float:right;margin-top:0px;">Item description</h4>
    </div>
</div>
</body>
</html>
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

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

...