body{
height:100%;
background-color:white;
}
.div1{
float:left;cursor:pointer;margin:0.2%;background-color:maroon;text-decoration:none;width:18%;height:50%;text-align: center;
}
</style>
</head>
<body>
<a href="https://www.google.co.uk" target="_blank"><div class="div1"><h1>Block0</h1><p>
It is a floating Block0</p></div></a>
<a href="https://www.google.co.uk" target="_blank"><div class="div1"><h1>Block1</h1><p>
It is a floating Block1</p></div></a>
在这里,如果我提供以像素为单位的高度,它会起作用,如您所见,我包括“主体”的高度。但它不起作用。你能提出什么问题吗?我也忘了提到我在 Sharepoint 中使用了代码。代码在浏览器中运行良好,但在 Sharepoint 中大小不会改变。
最佳答案
添加高度:100;到 html,body,a 即
body,html,a{
height:100%;
}
并显示: block ;到一个 即
a{
display:block;
}
并将 .div1 的高度更改为 100% 你会得到你所需要的
jsfiddle:http://jsfiddle.net/h01sges0/
关于html - html 中的高度百分比,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28960837/