Home/ Questions/Q 131143
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-11T06:03:32+00:00

I have a div with a width of 250px. When the innertext is wider

  • 0

I have a div with a width of 250px. When the innertext is wider than that i want it to break down. The div is float: left and now has an overflow. I want the scrollbar to go away by using word-wrapping. How can i achieve this?

<div id='Treeview'> <div id='HandboekBox'>     <div id='HandboekTitel'>         <asp:Label ID='lblManual' runat='server'></asp:Label>     </div>     <div id='HandboekClose'>         <asp:ImageButton ID='btnCloseManual' runat='server'              ImageUrl='Graphics/close.png' onclick='btnCloseManual_Click'              BorderWidth='0' ToolTip='Sluit handboek' />     </div> </div> <asp:TreeView ID='tvManual' runat='server' RootNodeStyle-CssClass='RootNode'>     <Nodes>      </Nodes> </asp:TreeView> </div>

CSS:

#Treeview { padding-right: 5px; width: 250px; height: 100%; float: left; border-right: solid 1px black; overflow-x: scroll; }
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. As Andrew said, your text should be doing just that.

    There is one instance that I can think of that will behave in the manner you suggest, and that is if you have the whitespace property set.

    See if you don’t have the following in your CSS somewhere:

    white-space: nowrap

    That will cause text to continue on the same line until interrupted by a line break.

    OK, my apologies, not sure if edited or added the mark-up afterwards (didn’t see it at first).

    The overflow-x property is what’s causing the scroll bar to appear. Remove that and the div will adjust to as high as it needs to be to contain all your text.

    • 0