0
A
答えて
0
私はそれインラインブロック作り、絶対配置を使用してそれを修正。これにより、もうそれ以上浮動させる必要はありません。加えて、私はボーダーボックスのものを追加したので、あなたのパディングはボックスを大きくしすぎませんでした。 display:inline-block;
とborder-boxを組み合わせることで、レスポンシブデザインでのCSSの配置がずっと簡単になります。
.flex-caption {position:absolute;display:inline-block;min-height:100%;width: 26%; padding: 2%; margin: 0; background: rgba(0,0,0,.3); color: #fff; text-shadow: 0 -1px 0 rgba(0,0,0,.3); font-size: 14px; line-height: 18px;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box; }
ここでボーダー・ボックスのちょっといいチュートリアルがあります:http://css-tricks.com/box-sizing/
関連する問題
- 1. Googleの応答性の高い応答を作成する
- 2. 親から作成時の応答にプルする日付を取得する
- 3. 応答テーブルと応答HTMLコンポーネントを作成するには、列
- 4. SOAPエラー応答の作成
- 5. Domino Designer - 応答の作成
- 6. 応答ファイルを作成する
- 7. 反応無応答の例
- 8. 親/子でdatatables.net例のような表を作成し、+/-応答ボタン
- 9. Googleシートデータでフォーム応答を作成
- 10. ブートストラップで応答する水平コンテンツのサムネイルを作成する
- 11. 無効な応答
- 12. ブラウザで応答するnav-bar/menuを作成する
- 13. PHPで応答するメニューを作成するには?
- 14. タブで応答するキャンバスJSチャートを作成するには?
- 15. AMPで応答性の高いハンバーガーメニューを作成する方法
- 16. rspecでjson応答の代わりにリダイレクトを作成する
- 17. BXsliderのminslideとmaxslideで応答スライダーを作成する
- 18. Morrisの配列で応答データを作成する方法
- 19. Surveymonkey:sugarcrmで応答を取得するwebhookを作成します。
- 20. Javascriptを - CORS無応答
- 21. jQuery無応答のクリックイベント
- 22. 作成正方形の応答ボックス
- 23. キープアライブヘッダー応答の作成方法
- 24. アプリケーションリンクアカウントの作成時に、応答URL
- 25. 応答可能なマテリアライズカードの作成
- 26. アンドロイドで動的応答クロックを作成する方法は?
- 27. 応答可能なブートストラップフォームをデータからプログラムで作成する
- 28. jsonでループ応答を作成する方法は?
- 29. NetSuite内で応答可能なフォームを作成する
- 30. 応答のある画像を作成する
ニースのおかげで!私はインラインブロックを考えなかった! IE8ではちょっと変わっているようですが、これはIE8がリンクに従ってボックスサイズをサポートしているためです。それは人生です:P –
誰かが、IEの古いバージョンではまだ洗練されていないものがあるのかどうか尋ねるたびに、私は今ここに送っています:http://boagworld.com/design/where-are-my-rounded-corners/ –