html 浮动溢出,CSS DIV溢出隐藏和浮动

创建体与左边文本并采取一切可用的空间，PX的量从最大到最小故能浮动。在该div的右侧，我想添加一个新的div，最后将包含一个菜单。

我把这个论坛上一看，并试图多东西，但我无法实现我想要的。

我希望我的右边#rightcolumn时，这是可能的，当它不是，它应该只是被隐藏。

我成功地找到了我想要的一切，但从来没有在同一时间。

我与相关位置的工作，内联，而不是浮点和无浮点它不是在同一行。

这里是我的实际代码：

html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, em, img, ins, kbd, q, s, samp,

small, strike, strong, sub, sup, tt, var,

b, u, i, center,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, embed,

figure, figcaption, footer, header, hgroup,

menu, nav, output, ruby, section, summary,

time, mark, audio, video {

margin: 0;

padding: 0;

border: 0;

font-size: 100%;

font: inherit;

vertical-align: baseline;

}

/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure,

footer, header, hgroup, menu, nav, section {

display: block;

}

body {

line-height: 1;

}

ol, ul {

list-style: none;

}

blockquote, q {

quotes: none;

}

blockquote:before, blockquote:after,

q:before, q:after {

content: '';

content: none;

}

table {

border-collapse: collapse;

border-spacing: 0;

}

img

{

float:bottom;

border:1px dotted black;

margin:0px 0px 15px 20px;

}

p {

padding: 10px;

}

#rightcolumn{

margin-left: -150px;

width: 150px;

height: 100px;

/* float:left;*/

background: #CC33FF;

float:left;

overflow:hidden;

}

#wrapper {

width: 100%;

min-width: 1000px;

max-width: 1000px;

margin: 0 auto;

white-space:nowrap;

}

#contentliquid {

float: left;

width: 100%;

min-width: 1000px;

float:left;

}

#content {

background: #FFFFFF;

margin-left: 0px;

min-width: 1000px;

float:left;

}

Test coucou

This is right

+1

，你可以为你的代码一个js小提琴？ –

+0

一个Jsfiddle会有帮助 –

+0

确实一个Jsfiddle会非常有帮助.. ' –