工作手札我只是在公司打杂的小混混，哎嘿嘿，今天，，今天小王记录下工作中遇到的两个问题，可能大家都遇到过，也有解决方案，但

前言

我只是在公司打杂的小混混，哎嘿嘿，今天，，今天小王记录下工作中遇到的两个问题，可能大家都遇到过，也有解决方案，但是时间久了不一定记得。

问题列表

如何撑开div中的剩余宽度？（复杂场景下）
利用Antd-Design中的radioDIY单选框样式

解决方案（问题一）

解决方法一

// 父元素

.xxParent{
    display: flex;
    flex-direction: column;
}
// 子元素

.xxChild{
    flex-grow: 1;
}

解决方法二

html, body, .xxx {
    height: 100%;
}

解决方案三

// 父元素

.xxxParent {
    position: relative;
}

// 子元素

.xxxChild {
    position: absolute;
    height: 100%；
}

解决方案（问题二）

因为涉及到公司代码，这里只讲解思路以及演示。

思路：将目标Radio设置display: none;，并且为其添加表标记，然后尽情的创造你的目标样式，等造好了之后，为你的改造radio设置onClick，使用document.getElementById(xxx).click()触发隐藏radio的点击事件，这样，既可以用到form表单，又可以随心所欲。

演示：

---- 这里不支持传gif？？？？