在垂直对齐宽度为100%的情况下，使用flexbox向左、向右浮动

，可以通过flex属性和justify-content属性来实现。

1. 向左浮动:
   • 使用flex属性: 将父容器的display属性设置为flex，然后将子元素的flex属性设置为1，表示子元素均等分配剩余空间。
   • 使用justify-content属性: 将父容器的justify-content属性设置为flex-start，表示子元素从左对齐。

• 向右浮动:
  • 使用flex属性: 将父容器的display属性设置为flex，然后将子元素的flex属性设置为1，表示子元素均等分配剩余空间。
  • 使用justify-content属性: 将父容器的justify-content属性设置为flex-end，表示子元素从右对齐。

这样，当父容器的宽度为100%时，子元素会根据设置的flex属性均等分配剩余空间，并通过justify-content属性实现向左或向右浮动的效果。

举例来说，如果我们有以下HTML代码：

<div class="container">
  <div class="item">Item 1</div>
  <div class="item">Item 2</div>
  <div class="item">Item 3</div>
</div>

我们可以通过以下CSS代码实现向左浮动的效果：

.container {
  display: flex;
  justify-content: flex-start;
  width: 100%;
}

.item {
  flex: 1;
}

或者通过以下CSS代码实现向右浮动的效果：

.container {
  display: flex;
  justify-content: flex-end;
  width: 100%;
}

.item {
  flex: 1;
}

在这个例子中，父容器的宽度为100%，子元素的flex属性被设置为1，表示子元素均等分配剩余空间，并通过justify-content属性实现向左或向右浮动的效果。

在腾讯云相关产品中，腾讯云提供了云服务器、云数据库、云存储等多种产品，可以满足不同场景下的需求。具体的腾讯云产品介绍和链接地址可以参考腾讯云官方网站：https://cloud.tencent.com/