Html 动态和固定宽度与css

我有两个元素水平对齐。 我希望右边的有一个动态的宽度，左边的占去和左边一样多的空间。我该怎么做

硒

或代码

<div class="wrapper">
  <div style="background:red;" class="one">hello</div>
  <div style="background:blue" class="two">dude</div>
</div>

.wrapper > div {
    border: 1px yellow solid;
    display: table-cell;
    height:80px;
}

.one {
    width: 100%;
}

.two {
    width: 100px;
}

你好
伙计
.wrapper>div{
边框：1px黄色固体；
显示：表格单元格；
高度：80px；
}
.一{
宽度：100%；
}
.二{
宽度：100px；
}

试试这个

<div class="wrapper">
  <div style="background:red;" class="one">hello</div>
  <div style="background:blue" class="two">dude</div>
</div>

.wrapper > div {
    border: 1px yellow solid;
    display: table-cell;
    height:80px;
}

.one {
    width: 100%;
}

.two {
    width: auto;
}

你好
伙计
.wrapper>div{
边框：1px黄色固体；
显示：表格单元格；
高度：80px；
}
.一{
宽度：100%；
}
.二{
宽度：自动；
}

.wrapper{
宽度：100%；
高度：200px；
边框：2件纯蓝；
}
.对{
高度：200px；
宽度：60%；
背景：红色；
浮动：对；
}
.左{
宽度：自动；
高度：200px；
背景：绿色；
}
}

你好
伙计

为您检查布局或其他解决方案。