ウェブサイト:http://viewlike.us/をご覧ください。 1920x1200 - ほとんどの場合ヘッダー(入力フォームと送信ボタンを含むdiv)はもう100%ではありません。このような状況を避けるには? Iveはwidth:100%!important、min/max widthを使用しようとしましたが、成功しませんでした。私はそれを避けるために小さなトリック/修正やsthがあるはずだが、アイデアの不足と苦労していると思う..ありがとう〜!アニメーション後CSS 100%の幅が機能しない
0
A
答えて
0
width
プロパティのデフォルト値は、ほとんどの要素ではauto
だと思います。この場合、<div>
はその親要素の100%に拡大しています。その場合は<body>
です。 <body>
タグにはwidth
が定義されていないため、デフォルトではブラウザウィンドウの100%になります。したがって、解像度選択バーの下にあるページの幅がブラウザウィンドウの幅よりも大きい場合でも、上部バー(URLエントリと解像度の選択)はブラウザウィンドウの幅になります。そのため、右にスクロールすると、そのエッジが表示されます。
あなたの上部バーには、とCSSプロパティtop
とleft
を組み合わせて試してみるとよいでしょう。そうすれば、ページを右にスクロールしても、それらのバーが画面上に表示されます。 (私はその潮風を試して、それは動作するはずです)
私はあなたを助けることを願っています!
関連する問題
- 1. CSSボタンのアニメーションが機能しない
- 2. CSSのアニメーションが機能しない
- 3. SVGのCSSアニメーションが機能しない
- 4. onloadのanglejsの後にCSSアニメーションが機能しない
- 5. なぜcssアニメーションの後方引数が機能しないのですか?
- 6. KEYUP機能の実行後にCSSホバーが機能しない
- 7. css - max-height:100%がテキストエリアで機能しない
- 8. レスポンシブデザインでは幅:100%が機能しないのはなぜですか?
- 9. PHP APCキャッシュが機能しない100%
- 10. シンプルなCSSアニメーションがdynamic reactjs要素で機能しない
- 11. スクロールのJquery CSSアニメーションが期待通りに機能しない
- 12. 'stroke-dashoffset'のSVGテキストFirefoxでCSSアニメーションが機能しない
- 13. CSSテーブルの幅と右揃えが機能しない
- 14. CSSの最大幅がul li divで機能しない
- 15. CSSアニメーションが正しく機能しない
- 16. 100%幅CSS navbarメニュー
- 17. CSS子100%INNER幅
- 18. css親の全幅を占めていない100%幅div
- 19. 高さ100%、パディングボトムが機能しない
- 20. CSSアニメーション - JS x.addEventListener( "webkitAnimationEnd" ...)が機能しない
- 21. cssアニメーションrotateとtranslateが一緒に機能しない
- 22. CSSアニメーションとリニアグラデーションで背景位置が機能しない
- 23. IE11でCSS無限アニメーションが機能しない
- 24. CSS不透明アニメーションが機能しない
- 25. なぜ100%幅がCSS箱のモデルで100%でないのですか?
- 26. アンドロイドでのアニメーション後のリスナーが機能しない
- 27. 要素が機能しないコードが100%正しいです
- 28. テーブルセルの幅:100%はどのように機能しますか?
- 29. 100%幅のレールcssコンパスグリッド?
- 30. width:親divの幅が100%の場合、子divに100%は機能していません:calc(100% - 300px)?
私は本当に問題が何かを理解していません。送信ボタンが私が何をしているかに関わらず同じ場所に留まるように思えます。 –
@Victor:解像度を最高にした後で、画面の一部をhttp://imageshack.us/photo/my-images/4/26078580.pngにしてください。 –
Linux上でFirefox 11でもGoogle Chrome 18でも最高の解像度に切り替えると、その動作が表示されません。どのブラウザを使用していますか? (ちなみに、別の解像度として1920x1080を追加したいと思うかもしれませんが、正直言って1920x1200よりも一般的だと思います:) –