我有3个div正确显示但是一旦我添加了对齐短路或增加边框。
{% load static %}
<html>
<head>
<link rel="stylesheet" href="{% static 'css/css.css' %}">
</head>
<body>
<div id="block1">
Block1
</div>
<div id="block2">
Block 2
</div>
<div id="block3">
Block 3
</div>
</body>
</html>
CSS
html, body{
height: 100%;
width:100%;
}
#block1{
height:10%;
width:46%;
text-align:center;
float:left;
border-style:solid;
border-color:green;
border-width:20%;
}
#block2{
height:90%;
width:46%;
float:right;
border-style:solid;
border-color:green;
border-width:2%;
}
#block3{
height:80%;
width:50%;
float: left;
}