弹性比无效。
这是我的html代码。
每个都有一个长行句子。
这是我的css文件。
我在每个格上都放了flex =1。
但是,p语句不会下降的情况取决于柔韧性和宽度。
.column-layout {
max-width: 1300px;
background-color: rgb(153, 22, 22);
margin: 40px auto 0 auto;
line-height: 1.65;
padding: 20px 50px;
display: flex;
}
.main-column {
flex: 1;
}
.sidebar-one {
flex: 1;
}
.sidebar-two {
flex: 1;
}
<div class="column-layout">
<div class="main-column">
<h2>Main Column</h2>
<p>kfjdslajfsafj;safjasjflsjalfjlasjlfjldksajlfkjsalkdjflksdjalkflksalkflsak</p>
</div>
<div class="sidebar-one">
<h3>Sidebar one</h3>
<p>klajfljlsjalfjlsdlafjlalself.</p>
</div>
<div class="sidebar-two">
<h3>side 2</h3>
<p>a</p>
</div>
</div>