Как остановить мой div от перекрытия?

-1

Я просто новичок в HTML/CSS Как остановить плавающий div от перекрытия.Как остановить мой div от перекрытия?

HTML

<body> 
    <div class="left"> 

    </div> 
    <div class="right"> 

    </div> 
</body>

CSS

* { 
    margin: 0; 
    padding: 0; 
} 

body { 
    width: 100%; 
} 

.left { 
    float: left; 
    height: 500px; 
    width: 300px; 
    background: #fff; 
    position: absolute; 
} 

.right { 
    float: right; 
    height: 500px; 
    width: 300px; 
    background: #000; 
}

источник

2016-01-12 vignesh waran

Вы устанавливаете ширину фиксированной вместо 100%.

https://jsfiddle.net/2Lk13045/1/]

Изменено ваши

body{width:100%; }

body{width:600px; }

источник

2016-01-12 08:12:42 cweitat

Используйте ширину в процентах и удалить абсолютные позиции:

Вот обновленный CSS:

*{ 
    margin:0; 
    padding:0; 

} 
body{ 
    width:100%; 
} 
.wrapper { 
    width: 100%; 
} 
.left{ 
    float:left; 
    height:500px; 
    width:50%; 
    background:#fff; 
} 
.right{ 
    float:right; 
    height:500px; 
    width:50%; 
    background:#000; 
}

Я также обернуты left и right дивы в wrapper DIV Проверьте это здесь: https://jsfiddle.net/2Lk13045/2/

источник

2016-01-12 08:13:31

Как остановить мой div от перекрытия?

ответ

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