Wednesday 19th of June 2013 12:52:44 PM
sticking out of its parent, technically the specificationhasn't been violated, because the values of the sevenproperties add up to the required total. It's a semantic dodge,but it's valid behavior.Let's consider another example, illustrated in Figure 8-20, where the left margin is set to be negative:
DIV {width: 400px; border: 1px solid black;}P.wide {margin-left: -50px; width: auto; margin-right: 10px;border: 3px solid gray;}
Copyright © 2000 O'Reilly & Associates, Inc. All rights reserved.
Printed in the United States of America.
Published by O'Reilly & Associates, Inc., 1005 Gravenstein Highway North, Sebastopol, CA 95472.
Nutshell Handbook, the Nutshell Handbook logo, and the O'Reilly logo are registered trademarks of O'Reilly & Associates, Inc. Many of the designations used by manufacturers and sellers to distinguish their products are claimed as trademarks. Where those designations appear in this book, and O'Reilly & Associates, Inc. was aware of a trademark claim, the designations have been printed in caps or initial caps. The association between the image of a koala and the topic of HTML and XHTML is a trademark of O'Reilly & Associates, Inc.
While every precaution has been taken in the preparation of this book, the publisher assumes no responsibility for errors or omissions, or for damages resulting from the use of the information contained herein.
Copyright © 2002 O'Reilly & Associates. All rights reserved.
P.clear {visibility: hidden;}P.clear EM {visibility: visible;}As for visbility: collapse,this value is used in CSS table rendering, which isn't coveredin this book because it wasn't well implemented as the book wasbeing written. According to the CSS2 specification,collapse has the same meaning ashidden if it is used on nontable elements. From asemantic standpoint, this seems somewhat confusing (since
BODY {background-image: url(yinyang.gif);
background-repeat: no-repeat;}
This may not seem terribly useful, given that there is only a small symbol in the top left corner of the document, but let's try it again with a much bigger symbol, as shown in Figure 6-33:

BODY {background-image: url(bigyinyang.gif);
background-repeat: no-repeat;}
route.
Copyright © 2002 O'Reilly & Associates. All rights reserved.
<B STYLE="position: absolute; top: auto; right: 0; bottom: 0; left: auto;width: 8em; height: 4em;">...</B>
For the most part, the text in both paragraphs looks fairly normal.In the second one, however, the place where the boldface elementwould have appeared is simply closed up, and the positioned textoverlaps the some of the content. There is no way to avoid this,short of positioning the boldfaced text outside of the paragraph (byusing a negative value for right) or by specifyinga padding for the paragraph that is wide enough to accommodate the