Im в настоящее время пытается разделить страницу на две индексы и вертикальные секции с одной границей с обеих сторон. Проблема в том, что у меня есть две секции с шириной: 49vw; и размер границы равен 1vw, что равно 100vw, но секции скачут друг под друга, а не являются строчными. Я создал JSfiddle, поэтому его легче показать. Вот код, который идет с JSfiddle.Разделение страницы на две вертикальные и индексы с границами
Html:
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="stylesheet" href="css/reset.css" media="screen" type="text/css" />
<link rel="stylesheet" href="css/styles.css" media="screen" type="text/css" />
</head>
<body>
<!--SECTION 1-->
<div class="section1">
<p>2D</p>
</div>
<!--SECTION 2-->
<div class="section2">
</p>3D</p>
</div>
</body>
</html>
CSS:
.section1{
background-color:#11181e;
width:49vw;
float:left;
height:100vh;
border-right: 1vw solid #F5E5D6;
margin:0;
padding:0;
}
.section2{
background-color:#f1c40f;
width:49vw;
float:left;
height:100vh;
border-left: 1vw solid #000;
margin:0;
Вот ссылка: http://jsfiddle.net/VfTYs/4/
Спасибо за вашу помощь.
Я также удалил черную границу на '.section2'. – Jesse
Удивительно, спасибо. – Animalovsky
Нет проблем, удачи в вашем проекте! Если бы я ответил на ваш вопрос, подумал, бросил мне зеленую галочку? – Jesse