2013-11-18 3 views
0

Я хотел создать WordPress сайт и наткнулся на этот дизайн страницы (который не является WordPress один) https://www.refersion.com/pricingКак получить ДИВ одного проливать на другой

Как я могу создать пользовательский CSS для in_content пролить на .texture2. как видно на странице, таблицы ценообразования переходят на заголовок страницы.

Thnx заранее

+0

Фактически эта страница является «иллюзией». Два divs не разливаются. Основной содержащий div имеет синий фон, который только доходит до сих пор, а затем внутри - это заголовок div (только текст), а под ним (но все еще на синем фоне) находится контент div. –

ответ

0

Использование отрицательной краю дна на вершине дел. Быстрый пример:

<div style='width: 200px; height: 100px; margin-bottom: -50px; background-color: red;'> 
Lala 
</div> 
<div style='width: 100px; height: 100px; background-color: green;'> 
Lala 
</div> 

http://jsfiddle.net/yM2u5/

1

К текстуры 2 DIV, добавьте следующий CSS свойство:

position:relative and overflow:visible 

Теперь к in_content DIV, добавить следующие правила CSS:

margin-top: -30px; //you can adjust the px value to suit your preference 
position: absolute; 

Теперь он должен перекинуться.

+0

Также, пожалуйста, измените формулировку своего вопроса, чтобы она соответствовала хорошей практике именования. Возможно, вы могли бы назвать это: «Получение div, чтобы разлиться в другой», – Shreyans

Смежные вопросы