小编Dea*_*hao的帖子

为什么 width:100% 的元素不采用父元素的宽度?

我面临的问题是我无法在弹性盒项目中设置与其父项相同的宽度。

这是代码,该类的跨度与其父级theSpan不同width

.container {
  display: flex;
}
.item1 {
  flex: 1 1 200px;
  border: 5px solid yellow;
}
.item2 {
  flex: 1 1 200px;
  border: 5px solid blue;
}
.item3 {
  flex: 1 1 200px;
  border: 5px solid red;
}
.theSpan {
  width: 100%;
  border: 2px solid black;
}
Run Code Online (Sandbox Code Playgroud)
<div class='container'>
  <div class='item1'>
    <span class='theSpan'>abcdefg</span>
  </div>
  <div class='item2'>
    <span>1</span>
  </div>
  <div class='item3'>
    <span>2</span>
  </div>
</div>
Run Code Online (Sandbox Code Playgroud)

html css flexbox

5
推荐指数
2
解决办法
6947
查看次数

标签 统计

css ×1

flexbox ×1

html ×1