CSS-使用DIV将A4分成四个象限进行打印

我试着把一张A4纸分成四个象限。然后将该HTML/CSS馈送到PD转换器。不知何故，我无法使浮动div对齐以形成象限

HTML

不知何故，第二象限和底部不想适合模型，即移动到下一行

我的问题：如何将象限1和象限2放置在1行50/50上？如何将下半部放置在第2行50%高度/全宽上？

只需添加以下内容：

.q { float: left; }
.q34 { clear: both; }

html, body{
    height: 100%;
}

---

请同时阅读此解决方案，您可能会得到一些帮助。

@page {
    size: A4;
    margin: 0;
    padding: 0;
}
body, div {
    margin: 0; 
    padding: 0; 
    -moz-box-sizing: border-box; 
    -webkit-box-sizing: border-box; 
    box-sizing: border-box;
}
.q {
    max-width: 50%; 
    max-height: 50%; 
    min-width: 50%; 
    min-height: 50%; 
    width: 50%; 
    height: 50%; 
    display:inline-block;
    border: 1px solid grey;
}
.q34 {
    max-width: 100%; 
    max-height: 50%; 
    min-width: 100%; 
    min-height: 50%; 
    width: 100%; 
    height: 50%; 
    display:inline-block; 
    border: 1px solid grey;
}

.q { float: left; }
.q34 { clear: both; }

html, body{
    height: 100%;
}