0

Здравствуйте!

Подскажите, пожалуйста, почему текст внутри div отображается за его пределами? Заметил, что это происходит после того как к классу label_class добавить свойство float: left. Как можно решить эту проблему? Заранее спасибо!

        #content {
            position:relative;
            border: 1px solid green;
            height: auto;
        }

        .div_class {
            position:relative;
            width:200px;
            border: 1px solid red;
        }

        .label_class{
            width: 50px;
            float: left;
        }
<div id="content">
    <div class="div_class">
        <label class="label_class">1</label>
        <label class="label_class">2</label>
        <label class="label_class">3</label>
    </div>
</div>

1 ответ 1

0

Используйте css-свойство overflow:hidden

        #content {
            position:relative;
            border: 1px solid green;
            height: auto;
        }

        .div_class {
            overflow: hidden;
            position:relative;
            width:200px;
            border: 1px solid red;
        }

        .label_class{
            width: 50px;
            float: left;
        }
<div id="content">
    <div class="div_class">
        <label class="label_class">1</label>
        <label class="label_class">2</label>
        <label class="label_class">3</label>
    </div>
</div>

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.