Html 组合%和px宽度的CSS

我有一个以百分比表示宽度的div。是否可以将其内部的两个div对齐（在左侧和右侧），以便左侧div在px中定义了固定宽度，右侧的边距以百分比表示，而其余的宽度则指向右侧div

例如，考虑这个：

<div class="box"> 

    <div class="left">

    </div>

    <div class="right">

    </div>
</div>

.box{
    width:100%;
    border:1px solid red;
    overflow:hidden;
}


.left{
    float:left;
    margin-right:5%;
    width:100px;    
}


.right{
    Problem..
}

.盒子{
宽度：100%；
边框：1px纯红；
溢出：隐藏；
}
.左{
浮动：左；
保证金权利：5%；
宽度：100px；
}
.对{
问题
}

---

这里是jsfiddle链接：

您不应该混合使用相对值和绝对值，因为仅使用CSS很难甚至不可能计算正确的边距或位置值

尚未在任何浏览器中实施，且“存在风险，可能在CR期间被删除”

如果你还想达到这样的目标，你应该考虑以下几点：

<div class="box">   
    <div class="left">left content</div>   
    <div class="right-wrapper">    
        <div class="right">right content</div>
    </div>      
</div>

}

---

希望这对你有用

请查看这是否是您想要的效果：

---

我已经编辑了您的css并删除了float:right。right层

也许放弃这个想法，使用绝对定位div和带有边距的float div。这是你想要的吗？

---

@Zoltan Toth已解决的问题，请参见以下内容：

.box{
    width:100%;
    border:1px solid red;
    overflow:hidden;
}


 .left{
    float:left;
    margin-right:5%;
     width:100px;

 }


.right{
    float:right;
   left:100px;    //notice this same as width of div left
    position:absolute;