false-git/test.html

Created April 25, 2014 05:59

Star () You must be signed in to star a gist
Fork () You must be signed in to fork a gist

Learn more about clone URLs
Clone this repository at <script src="https://gist.github.com/false-git/11279030.js"></script>
Save false-git/11279030 to your computer and use it in GitHub Desktop.

Download ZIP

以下のhtmlをIEで表示して、ボタンにカーソルを合わせるとレイアウトが変わる

Raw

	<html>
	<body>
	<div><h1>this is h1</h1></div>
	<div>this is contents.</div>
	<form>
	<input type="submit" value="button">
	</form>
	</body>
	</html>

Author

false-git commented Apr 25, 2014

IEの Developer Tools で見ると、h1の上下には 21.44ずつのMarginがあり、h1を囲むdivの上下にはない。
ページ表示直後は、h1のMarginの下にthis is contents.が表示されるが、ボタンにマウスオーバーするとh1のMarginが無視(?)されるようになる？

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment