[ie7][絶対値と浮動小数点数]で高さが崩れる問題について_html/css_WEB-ITnoseを解決してください
ie7 の絶対的な高さの崩壊
ie8 以降のこのコードは私が達成したい効果ですが、ie7 ではどういうわけか左右のクラスの高さが発生します崩れ落ちた。専門家に答えを求めてください。 ie7 と互換性を持たせる方法コードは次のとおりです:
<!DOCTYPE html><html><head> <title></title><style type="text/css">.content{ position: absolute; top: 20px; bottom: 20px; background-color: #eee; left: 0; right: 0;}.left{ height: 100%; width: 40%; float: left; position: relative; background-color: #888;}.right{ position: relative; height: 100%; width: 60%; float: left; background-color: #666;}.img{ width: 100px; background-color: red; height: 200px; float: right; position: relative; top: 50%; margin-top: -100px;}.detail{ width: 300px; height: 300px; float: left; position: relative; top: 50%; margin-top: -150px; background-color: green;}.clearfix{ *zoom: 1;}.clearfix:after,.content-style:after{ clear: both; content: "20"; visibility: hidden; height: 0; display: block;}</style></head><body> <div class="content clearfix"> <div class="left clearfix"> <div class="img"></div> </div> <div class="right clearfix"> <div class="detail"></div> </div> </div></body></html>
ディスカッションに返信 (解決策)
コードを貼り付けるのを忘れました コードは次のとおりです:
<!DOCTYPE html><html><head> <title></title><style type="text/css">.content{ position: absolute; top: 20px; bottom: 20px; background-color: #eee; left: 0; right: 0;}.left{ height: 100%; width: 40%; float: left; position: relative; background-color: #888;}.right{ position: relative; height: 100%; width: 60%; float: left; background-color: #666;}.img{ width: 100px; background-color: red; height: 200px; float: right; position: relative; top: 50%; margin-top: -100px;}.detail{ width: 300px; height: 300px; float: left; position: relative; top: 50%; margin-top: -150px; background-color: green;}.clearfix{ *zoom: 1;}.clearfix:after,.content-style:after{ clear: both; content: "20"; visibility: hidden; height: 0; display: block;}</style></head><body> <div class="content clearfix"> <div class="left clearfix"> <div class="img"></div> </div> <div class="right clearfix"> <div class="detail"></div> </div> </div></body></html>
ie8 以降では、このコードは実現したい効果はあるのですが、ie7については分かりません なぜ左右のクラスの高さが崩れてしまうのでしょうか?専門家に答えを求めてください。 ie7 と互換性を持たせる方法
あなたの身長:100% は ie7 では役に立たないようです。js を使用しないのはどうでしょうか
これはブラウザの問題です。回避方法はありません。代替手段を見つけてください

ホットAIツール

Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。

Undress AI Tool
脱衣画像を無料で

Clothoff.io
AI衣類リムーバー

Video Face Swap
完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

人気の記事

ホットツール

メモ帳++7.3.1
使いやすく無料のコードエディター

SublimeText3 中国語版
中国語版、とても使いやすい

ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境

ドリームウィーバー CS6
ビジュアル Web 開発ツール

SublimeText3 Mac版
神レベルのコード編集ソフト(SublimeText3)

ホットトピック









Python で最小公倍数を見つけるアルゴリズムを作成するにはどうすればよいですか?最小公倍数は、2 つの数値を割り算できる最小の整数です。数学では、最小公倍数を解くことは基本的な数学的タスクであり、コンピューター プログラミングでは、Python を使用して最小公倍数を解くアルゴリズムを作成できます。以下では、基本的な最小公倍数アルゴリズムを紹介し、具体的なコード例を示します。最小公倍数の数学的定義は次のとおりです。 a が n で割り切れ、b が n で割り切れる場合、n は a と b の最小公倍数です。最低限のことを解決するには

Numpy は Python のよく知られた科学計算ライブラリであり、大規模な多次元配列と行列を処理するための豊富な関数と効率的な計算方法を提供します。データ サイエンスと機械学習の世界では、逆行列は一般的なタスクです。この記事では、Numpy ライブラリを使用して逆行列をすばやく解く方法と、具体的なコード例を紹介します。まず、Numpy ライブラリをインストールして Python 環境に導入しましょう。 Numpy は、次のコマンドを使用してターミナルにインストールできます: pipinsta

タイトル: C 言語プログラミングを使用して最大公約数ソリューションを実装する 最大公約数 (Greatest Common Divisor、略して GCD) とは、2 つ以上の整数を同時に除算できる最大の正の整数を指します。最大公約数を解くことは、一部のアルゴリズムや問題解決に非常に役立ちます。この記事では、最大公約数を求める機能をC言語プログラミングで実装し、具体的なコード例を紹介します。 C 言語では、ユークリッド アルゴリズムを使用して最大値を解くことができます。

Python を使用して階乗を解くアルゴリズムを実装するにはどうすればよいですか?階乗は数学における重要な概念です。数値が 1 になるまで、数値そのものを乗算してから 1 を引いたものを乗算し、次にそれ自体を乗算してから 1 を引いた値を乗算することを意味します。階乗は通常「!」という記号で表され、例えば5の階乗は5!と表され、計算式は5!=5×4×3×2×1=120となります。 Python では、ループを使用して単純な階乗アルゴリズムを実装できます。サンプルコードを以下に示します。

C 言語で最大公約数を見つける方法を学ぶには、具体的なコード例が必要です。最大公約数 (Greatest Common Divisor、略して GCD) は、それらを割り切れる 2 つ以上の整数のうち最大の正の整数を指します。最大公約数は、コンピューター プログラミングで、特に分数の処理、分数の簡略化、整数の最も単純な比などの問題を解くときによく使用されます。この記事では、C言語を使って最大公約数を求める方法と具体的なコード例を紹介します。ユークリッドなどの最大公約数を解く方法はたくさんあります。

フィボナッチ数列は、次の項が前の 2 つの項の合計である数列です。フィボナッチ数列の最初の 2 つの項は 0 で、その後に 1 が続きます。この問題では、フィボナッチ数列の n 番目の数値を求めます。これを行うには、すべての数値を数えて n 個の項目を出力します。入力:8出力:011235813 説明 0+1=11+1=21+2=32+3=5 For ループを使用して、最初の 2 つの項目を次の項目として合計します。 例 #include<iostream>usingnamespacestd;intmain(){ intt1 = 0,t2=1,n,i,nextTerm;&am

ここではモジュラー方程式に関連した興味深い問題を見てみましょう。 A と B という 2 つの値があるとします。 (AmodX)=B が成り立つような、変数 X が取り得る値の数を見つけなければなりません。 A が 26 で B が 2 だとします。したがって、X の推奨値は {3,4,6,8,12,24} となり、カウントは 6 になります。これが答えです。よりよく理解するためにアルゴリズムを見てみましょう。アルゴリズム possibleWayCount(a,b) - 開始 ifa=b、その後無限の解がある ifa

タイトル: PHP で 2 のべき乗を解くには? PHP プログラミングでは特定のコード例が共有されており、数値のべき乗を解くことは、特に一部のアルゴリズムや数学的計算において共通の要件です。この記事では、PHP で 2 のべき乗を解く方法について詳しく説明し、参考として具体的なコード例を示します。 PHP では、べき乗演算子 ** を使用してべき乗を計算できます。 2 のべき乗の場合、$2^n$ を計算します。$n$ はべき乗の指数です。以下では、この計算をいくつかの異なる方法で実装します。方法 1: ** 運を利用する
