css - How to use overflow:hidden only on the last dt of an dl -

I'm not sure if there is any (n simple) solution, but the problem looks like this: < P> I got a beautiful basic ederodon made with DL; & lt; Dl & gt; & Lt; DT & gt; MenueLink1 & lt; / Dt & gt; & Lt; Dd & gt; Content 1 & lt; / Dd> & Lt; DT & gt; MenueLink2 & lt; / Dt & gt; & Lt; Dd & gt; Content2 & lt; / Dd> . . . & Lt; DT & gt; Logo & lt; / Dt & gt; & Lt; / DL & gt;

The final DT has a logo and here is the explanation: I want to use overflow: Only the last logo of the logo is hidden. So if the logo exits from browser / screen (as a result of various heights of Content-DD), I do not want the browser to show a scrollbar, but as soon as any other DD or DT screen / browser skullbar should be visible . My first idea was to bring the logo to a separate division outside DL, but then when this height changes then the other does not grow up and down with DL ...

Can give the signal or the solution.

Depending on which browser you need to support. Selector DL DT: Last Child will work for you.

Otherwise, as always, the class last item is to be finalized dt when you are creating HTML and dl dt. Last-item , then absolutely universally supported.