Question

CSS如何固定宽度

在一个宽度为800的DIV里面,有两个并列成一排的DIV,宽度分别为500和300.如何使左侧的DIV即使无内容,但也占用他的宽度空间.只能用空格吗?

Answer 1

css固定宽度使用width属性来定义即可，如下这个案例。

<div class="box">这是一个宽度为300px的div</div>

.box{width:300px;height:200px;border:1px solid #333;}

这样子class名为box的这个div宽度就固定在了300px。

Answer 2

左侧的DIV{width:500px;
float:left;}

右边的直接用标准流就行{width:300px;}
当然也可以用浮动，随便左浮动还是右浮动都行，建议右浮动。这样就直接可以用300PX了，如果是左浮动，可能在某些浏览器下会发生串行，那就需要像楼上说的那样，需要设置为299PX了，至于高度不用设置的。

Answer 3

先建立一个宽300的div 然后右浮动。然后再建立一个宽500的。也是右浮动。

Answer 4

你设定一个高度
而且你的500+300不行要少2像素才行：298+498

Answer 5

1 楼和2楼有点误导,3楼输入时错误. 4楼说的太简单.楼主不太懂.
<div style="width:800px;">
<div style="width:500px;float:right;"><!--它会显示在右侧-->
<div style="width:300px;float:right"><!--它会显示在左侧-->
</div>
楼主说的应该是高度吧,还有为什么选择空格.