переполнение скрыто не работает

Question

переполнение скрыто не работает

0

У меня есть этот код, http://jsfiddle.net/rnbcoder/WjzbH/

HTML:

<div class="mframes">
    <div class="mframe" id="liveBand">
            <div class="mframeDetails mfrDetSum" style="background-color: rgba(255,0,0,0.5);">
                    <p>Live Band Performance</p>
                    <p>Stay tuned for more details</p>
                    <div class="mframeBtn" id="leftmframeBtn" style="">Read More</div>
            </div><div class="mframeDetails mfrDetFull" style="left:50%;background-color: green;">
                    <p>This is the main interesting blah blah </p>
            </div>
    </div><div class="mframe" id="dj">
            <div class="mframeDetails mfrDetFull" style="left:0%;background-color: green;">

            </div><div class="mframeDetails mfrDetSum" style="left:50%;background-color: rgba(255,0,0,0.5);">
                <div class="mframeBtn" id="rightmframeBtn" style=""></div>
            </div>
    </div>
</div>

CSS:

.mframes{
    position:  absolute;
    height:70%;
    width:70%;
    margin-top: -18%;
    margin-left: -35%;
    top: 50%;
    left: 50%;
    white-space: nowrap;
    overflow: hidden;
}
.mframe{
    margin: 0;
    height: 100%;
    width: 50%;
    background-color: black;
    overflow: hidden;
}
.mframeDetails{
    position: absolute;
    display: inline-block;
    height: 100%;
    width: 50%;
    text-align: center;
}

.mframe содержит .mframe больше самого. Его стиль переполнения скрыт. Но он не может урезать своих детей.

Что не так?

rnbguy 15 март 2014, в 15:12

Источник

0

В вашем коде много элементов .mframe ... какой именно переполняется ..?
T J 29 окт. 2014, в 17:47

Теги:

html

css

1 ответ

Ещё вопросы

В вашем коде много элементов .mframe ... какой именно переполняется ..?

Beau · Answer 1 · 2014-03-15T12-59-00.000Z

снять положение: абсолютное; ? Вы устанавливаете верхнюю и левую части в JS или они могут быть относительными?

Это может быть от высоты и ширины как%, а не от цифр. Я немного поиграю с тобой.

EDIT: Ниже я думаю, что нашел.

Удалите строку из этого класса в указанной выше ссылке jsfiddle.

display: inline-block;

.mframe{
    margin: 0;
    height: 100%;
    width: 50%;
    background-color: black;
    overflow: hidden;
}

http://jsfiddle.net/WjzbH/9/

Для установки и высоты и ширины убедитесь, что вы находитесь: блок, затем может быть применено переполнение =)

Не распространяется ли высота и ширина на пролет?

На самом деле высота и ширина не будут влиять на эту проблему, потому что абсолютное будет держать пространство, даже если оно скрыто, я думаю.