Css 如何将DIV滚动条置于固定宽度DIV内（溢出：自动，浮动：左）

我有一个像下面这样的DIV。我的问题是，只要滚动条可见，它就会显示在300px宽度之外。但我需要固定的300px的宽度为DIV，无论滚动条。我该怎么做

<div style="width:300px; overflow:auto; float:left;"></div>

---

谢谢，

我会将div放在一个300px的容器中，并将溢出应用到内部div。这会将其约束到您想要的尺寸。如果不需要这样做，您可以尝试一下，看看是否应用了

框大小：border box

，但旧版本的IE不支持这样做。

我会将div放在300px容器中，并将溢出应用到内部div。这会将其约束到您想要的尺寸。如果这不可取，您可以尝试一下，看看是否应用

框大小：边框框

，但旧版本的IE不支持这一点。

希望我能正确理解这个问题，如果没有，请指出

HTML

---

希望我能正确理解这个问题，如果没有，请说明

HTML

---

您可以使用

overflow-y:scroll

使滚动条始终可见，然后将div的宽度设置为

284px

以说明滚动条的大致宽度。

您可以使用

overflow-y:scroll

使滚动条始终可见，然后将div的宽度设置为

284px

来解释滚动条的大致宽度。

我不知道您的代码有什么变化？我也把类似的一个，但它显示滚动条外！我不知道你的代码有什么变化？我也把类似的一个，但它显示滚动条外！

<div>
Lorem ipsum dolor sit amet, vehicula vulputate, velit sapien suspendisse, ipsum nunc, integer velit aptent non quam. Erat sit consequat lectus, velit risus taciti, in sed, risus tincidunt. Egestas lacus vel voluptatem in volutpat. Sapien lacus suspendisse nec velit. Integer molestie erat, erat lectus luctus ipsum. Nulla massa netus. Odio nunc maecenas modi tortor cras in. Quis nonummy ridiculus vel sed, luctus nulla lectus bibendum justo donec.

Lorem ipsum dolor sit amet, vehicula vulputate, velit sapien suspendisse, ipsum nunc, integer velit aptent non quam. Erat sit consequat lectus, velit risus taciti, in sed, risus tincidunt. Egestas lacus vel voluptatem in volutpat. Sapien lacus suspendisse nec velit. Integer molestie erat, erat lectus luctus ipsum. Nulla massa netus. Odio nunc maecenas modi tortor cras in. Quis nonummy ridiculus vel sed, luctus nulla lectus bibendum justo donec.    

Lorem ipsum dolor sit amet, vehicula vulputate, velit sapien suspendisse, ipsum nunc, integer velit aptent non quam. Erat sit consequat lectus, velit risus taciti, in sed, risus tincidunt. Egestas lacus vel voluptatem in volutpat. Sapien lacus suspendisse nec velit. Integer molestie erat, erat lectus luctus ipsum. Nulla massa netus. Odio nunc maecenas modi tortor cras in. Quis nonummy ridiculus vel sed, luctus nulla lectus bibendum justo donec.        
</div>

div {
    width:300px; 
    height:300px;
    overflow-y:scroll; 
    float:left;
    background:orange;    
}