Отображение тегов DIV: встроенный блок;

Question

Отображение тегов DIV: встроенный блок;

0

Я собираюсь создать 3 тега div, первые два соседствуют друг с другом. Тег 3. Div находится под первыми двумя тегами DIV. Я уже сделал это, но я вставил в первый div слайд-шоу, но потом все они становятся "display: block;".

скрипка

Я уже пытаюсь изменить код...

DOCTYPE HTML 20 окт. 2013, в 16:12

Источник

1

попробуйте использовать "display: inline-block! важный;" в CSS
DOCTYPE HTML 20 окт. 2013, в 14:01

Теги:

javascript

jquery

html

css

inline

2 ответа

0

Вы можете добиться этого, используя свойство float. См. Обновленную версию JSFiddle: http://fiddle.jshell.net/cZN8x/

Применяя float влево и вправо на двух соседних divs, они будут располагаться рядом друг с другом - так как общая ширина меньше, чем контейнер, который в этом случае не имеет значения. Единственный способ использования поплавков - необходимость сброса с использованием пустого div с свойством CSS

clear: both;

Надеюсь, это поможет!

bmullan91 20 окт. 2013, в 12:05

0

спасибо, у меня проблема с этим, но я должен немного измениться.
user2615031 20 окт. 2013, в 14:24

Ещё вопросы

попробуйте использовать "display: inline-block! важный;" в CSS
спасибо, у меня проблема с этим, но я должен немного измениться.

DOCTYPE HTML · Accepted Answer · 2013-10-20T14-12-00.000Z

Попробуйте это, это поможет вам: D

.clear {
    clear: both;
}
.box {
    position: relative;
    background: rgba(255,255,255,.81);
    box-shadow: 0 0 10px #090909;
    border-radius: 3px;
}
.box:hover {
    transition: background .3s;
    background: rgba(255,255,255,.85);
}
#news {
    float: left;
    display: inline-block;
    height: 300px;
    width: 693px;
}
#login {
    display: inline-block;
    height: 300px;
    width: 275px;
    left: 10px;
}
#info {
    display: block;
    height: 120px;
    width: 978px;
    margin-top: 10px;
    margin-left: 7.68%;
}

FIDDLE