如果你想在Flex布局中避免子元素受到上述影响，可以考虑将子元素包裹在一个容器元素中，并将这个容器元素设置为Flex布局，而不是直接将父元素设置为Flex布局。用代码举例

以下是一个使用Flex布局的HTML和CSS代码示例，其中子元素被包裹在一个容器元素中，容器元素设置为Flex布局，而父元素则不设置Flex布局：

<div class="parent">
  <div class="container">
    <div class="child">Child 1</div>
    <div class="child">Child 2</div>
    <div class="child">Child 3</div>
  </div>
</div>

.parent {
  /* 不设置Flex布局 */
  width: 500px;
  height: 300px;
  background-color: #f0f0f0;
}

.container {
  /* 设置Flex布局 */
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  align-content: center;
  width: 100%;
  height: 100%;
}

.child {
  width: 100px;
  height: 100px;
  background-color: #ccc;
  margin: 10px;
}

在这个例子中，父元素设置了宽度、高度和背景色等属性，但没有设置Flex布局。子元素则被包裹在一个容器元素中，容器元素设置了Flex布局。容器元素中的子元素受到容器元素的Flex布局属性影响，而不受到父元素的影响。同时，容器元素设置的Flex布局属性可以通过调整CSS样式来灵活地控制子元素的排列方式。