2个div并排显示，当浏览器界面缩小时会出现换行。怎么解决_html/css_WEB-ITnose

<title></title>
<div id="parent" style="display:inline"><div id="child1" style="display:inline">1111111111111111111111111111111111111111111111111</div><div id="child2" style="display:inline">2222222222222222222222222222222222222222222222222222222222222222222222222</div></div> 

@charset: "utf-8";#child1{
background: blue;}#child2{
background:red;}

回复讨论(解决方案)

parent设置最小宽度

parent设置最小宽度

<style>    #parent{        display: block; /* div 默认 block 级别, inline 会使 尺寸类属性失效 */        min-width:2000px;    }    #parent>div{        display:inline;    }    #child1{        background: blue;    }    #child2{        background: red;    }    </style><div id="parent"><div id="child1">1111111111111111111111111111111111111111111111111</div><div id="child2">2222222222222222222222222222222222222222222222222222222222222222222222222</div></div>

没有规定parent的长宽。