Html 溢出-x可见，溢出-y隐藏，元素突出，具有相对定位

我有以下几点

.wrap{
宽度：50%；
左边缘：25%；
背景色：红色；
溢出y：隐藏；
填充顶部：16px；
填充底部：16px；
}
.内容{
宽度：50%；
浮动：左；
高度：100px；
背景颜色：绿色；
位置：相对位置；
}
.切换{
位置：绝对位置；
高度：32px；
宽度：32px；
背景色：青色；
边界半径：16px；
顶部：钙（50%-16px）；
右图：-16px；
z指数：10；
}
.边界{
高度：计算（100%-10px）；
宽度：计算（100%-10px）；
边框：5px紫色虚线；
位置：绝对位置；
顶部：0px；
左：0px；
}

您应该清除您在
包装中应用的
浮动
。同时删除您正在应用的
溢出
，就这样

请让我知道你的反馈。谢谢


.wrap{
宽度：50%；
左边缘：25%；
背景色：红色；
填充顶部：16px；
填充底部：16px；
}
.内容{
宽度：50%；
浮动：左；
高度：100px；
背景颜色：绿色；
位置：相对位置；
}
.切换{
位置：绝对位置；
高度：32px；
宽度：32px；
背景色：青色；
边界半径：16px；
顶部：钙（50%-16px）；
右图：-16px；
z指数：10；
}
.边界{
高度：计算（100%-10px）；
宽度：计算（100%-10px）；
边框：5px紫色虚线；
位置：绝对位置；
顶部：0px；
左：0px；
}

我需要
float
来对齐一行中的元素。