使元素不占用比分配的空间更多的空间

Question

我有一个设置宽度和高度的侧边栏。问题是，它应该在右侧，但它占据了左侧的空间，就像一个块。但是，我已将显示设置为内联，但似乎无法解决问题。如何让div在左边不占用空间？

CSS的一部分：

div#sidebar {
    float: right;
    width: 256px;
    height: 500px;
    display: inline;
    clear: none;
}

整个页面的JSFiddle：http://www.jsfiddle.net/9tW2U

Answer 1

#sidebar或#mainbox的宽度为3px到大，以便在#page中彼此相邻。取宽度为#sidebar或#mainbox的3px，它将适合。

顺便说一句，display: inline与它没有任何关系，因为你已经在使用浮动。