div に inlineblock を設定し、マージンを設定した後、IE6 7 で入力を横に移動できないのはなぜですか? _html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:25:24
オリジナル
1359 人が閲覧しました

入力にも余裕が生まれます。なぜそうなるのでしょうか?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>无标题文档</title><style type="text/css">.yi { border: 1px solid #000; display: inline-block; margin-left: 50px; }</style></head><body><div class="yi"> <input name="" type="text" /></div></body></html>
ログイン後にコピー


ディスカッションへの返信 (解決策)

display: inline-block;

これが、ie67 でのレイアウトに起因する多くのバグの原因です。

この設定が input 要素に影響する理由については (input 要素は ie67 自体にレイアウトがあります)
自分でテストしたところ、これは親要素と子要素の両方にレイアウトがあり、子要素がまだ残っている場合にのみ発生することがわかりましたinput と textarea は、要素自体にレイアウトがある場合にのみ、親要素の margin-left 属性が継承されます。これは本当に理解できません。 !


マスターの登場を楽しみにしています!

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート