Html 打印css以向上移动右列

我正在试着打印这一页。。。。。 为此，我有两个不同的专栏。。。。 因此，我缩小了一列的宽度，以使前一列向上。。。。。 但是我不能带第二列

下面提供我的打印css

---

@user2045025更改打印CSS，如下所示

        .mainDiv {display: none;width:100%;}
        label {padding-right:10px;}
        .form-horizontal .control-label {width: 20%;}
        #poLeft {width: 48%;border: 1px solid red;}
        #billTo {width: 92%;}
        #cityLeft{width:25%; margin-left:15%; height: 13px;}
        #stateLeft{  height: 13px; width: 5%;}
        #zipLeft{width: 20%; height: 13px;}
        #countryLeft{width:70%; margin-left:11%; height: 13px;}
        #phoneLeft{width:72%; height: 13px;margin-left:11%;}
        #emailLeft{ width:85%;}
        #noteLeft{width:80%;}
        #stateLabelLeft{display: inline-block; margin-left: 1px;}
        #zipLabelLeft{display: inline-block; margin-left: 1px;}
        #poRight{ width: 48%; }
        #fileRight{width: 92%;}

        #vendorListHeading{
            background-color: #1a4567; 
            color: white;
            border: 1px solid red;
          }

     #cityRight{width:20%;height: 13px;}
     #stateRight{width:5%;  height: 13px;}
     #zipRight{width:15%; height: 13px;}
     #countryRight{width: 34%; margin-left:55px; height:13px;}    
     #phoneRight{width:30%; height: 13px;}

    }

---

谢谢你的回复…当我打印页面时，我的右栏仍然根据你的css向下…@user2045025请调整#poLeft和#poright的宽度你能在小提琴中更新吗…我试过了，但没有工作…谢谢u@user2045025我在Jfiddle中更新了，请检查一下谢谢你的回复…我看了小提琴，你能告诉我你在做什么吗补充说…我无法理解。。。

        .mainDiv {display: none;width:100%;}
        label {padding-right:10px;}
        .form-horizontal .control-label {width: 20%;}
        #poLeft {width: 48%;border: 1px solid red;}
        #billTo {width: 92%;}
        #cityLeft{width:25%; margin-left:15%; height: 13px;}
        #stateLeft{  height: 13px; width: 5%;}
        #zipLeft{width: 20%; height: 13px;}
        #countryLeft{width:70%; margin-left:11%; height: 13px;}
        #phoneLeft{width:72%; height: 13px;margin-left:11%;}
        #emailLeft{ width:85%;}
        #noteLeft{width:80%;}
        #stateLabelLeft{display: inline-block; margin-left: 1px;}
        #zipLabelLeft{display: inline-block; margin-left: 1px;}
        #poRight{ width: 48%; }
        #fileRight{width: 92%;}

        #vendorListHeading{
            background-color: #1a4567; 
            color: white;
            border: 1px solid red;
          }

     #cityRight{width:20%;height: 13px;}
     #stateRight{width:5%;  height: 13px;}
     #zipRight{width:15%; height: 13px;}
     #countryRight{width: 34%; margin-left:55px; height:13px;}    
     #phoneRight{width:30%; height: 13px;}

    }