这段CSS是如何做到两个DIV在一行显示的？

代码如下：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8" />
        <title>HTMLiveCode</title>
        <style type="text/css">
            div{
                height:100px;
            }
            #a {
                width:100%;
                float:left;
                background:#aaa;
                margin-right:-200px;
            }
            #b {
                background:#eee;
                width:200px;
                float:right;
            }
        </style>
    </head>
    <body>
        <div id="a">test a</div>
        <div id="b">test b</div>
    </body>
</html>

关键在 margin-right:-200px这里，谁能帮忙解释一下

在线效果：http://jscode.chinacxy.com/code/a1ff4b5501d13353115fdae644f008ca.aspx

相关文章：

你感兴趣的文章：

标签云：