Re: Overflow and Margins

On Feb 2, 2008, at 11:44 AM, Brad Kemper wrote:

>
> Isn't it a bit odd that of one block is wider than its parent, and  
> the parent is set to "overflow:scroll", that the margins of the  
> child are shown on the top, bottom, and left, but not on the right?  
> Is that the way it is supposed to be? It seems to me that the right  
> margin should also be shown within the scroll box. (Tested in  
> FireFox 3 and Safari 3.)
>
> Example:
>
> <html>
> 	<head>
> 		<style type="text/css">
> 			DIV { border:1px solid; overflow-x:scroll; }
> 			DIV DIV { height:5em; margin:.5em; width:200%;}
> 		</style>
> 	</head>
> 	<body>
> 		<div>
> 				<div></div>
> 		</div>
> 	</body>
> </html>


Opera 9.25 does the same thing, BTW. Perhaps there is something in  
the spec that says it should do this? Does it also say why? It seems  
counter-intuitive to me.

Received on Saturday, 2 February 2008 20:42:39 UTC