1
上、私はお互いに隣に座っている2つのたわみ要素の位置を変換しますCSSのフレキシボックスオーバーフロー100%の幅素子を
<div class="container">
<div class="element">Normal</div>
<div class="element">Hover</div>
</div>
Iは、両方の要素が100%親の幅と私は上にマウスにXを変換することができオーバーフローするための第2の要素になりたいです。私が持っている問題は、両方の要素がコンテナに押し込まれることです。
私は別のdivに2つの要素をラップし、それに200%の幅のコンテナを与えることができます。しかし、あなたは書いた、これはフレキシボックス
私が逃したのはフレックスです:0 0 100%;あなたのコメントは理由を完全に説明しています。私はコードを変更して、移行を手伝っています。さらに、min-width:0;この文脈で私が知らなかったことです。私は、要素がコンテンツの下に収まるようにする方法を常に考えていました。 なぜあなたは高さを持っていますか:100px;要素に?高さと幅の両方をコンテナにできないのはなぜですか? – ibex
@ibex通常、高さ/幅は何らかの方法で制限する必要がない限り、項目に基づいていますが、高さ/幅の両方をコンテナに含めることができます。 – LGSon
Michael_B、 'transform:translate'を使うと、IEでの最初の子_and_の仕事でどんな内容でもうまくいきます:) https://jsfiddle.net/o2bx6bf9/ – LGSon