非常基本的HTML格式

Ada*_*ite 2 html css css-position css-float

我把头发拉到这里.我只想要两个div并排包含内容,根据内容调整div和它们包含的div,所有内容都可见,没有滚动.

以下标记不是我的网站,但我写了它来展示我想要的东西:

    <!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Test</title>

<style>

#outer{
    width:400px;
}

#innerleft{
    width:200px;
    float:left;
}

#innerright{
    width:200px;
    color:#900;
    float:left;
}

</style>

</head>
<body>

<div id="outer">
    <div id="innerleft">
        sdgfjfdbvkjfdbvkjfdbvkjdfbvkjdfbvkjdfbvkjdbvkjdfbvkjdfbvkjdfbvkjdfbvkjdfbjkfbvjkdfbdfkjdfbjkfdbkjdfjvfjkbfvbjkfvkjbvbfjdjdfdfbdfj
    </div>
    <div id="innerright">
        dsufbjksvkudfsvkdfubvjkdfhbvkhdfbvksdbvkjsdbvkjdsbvkjsbdvkjbsdvkjbsdkjvbskjvbsdkjvbskdjbvksdbvksdjvbkjdsbvkjsbvkjsdbvkjdsbvkjdsksbdjv
    </div>
</div>


</body>
</html>
Run Code Online (Sandbox Code Playgroud)

我似乎已经尝试了一切!

Cur*_*urt 5

申请word-wrap:

#outer > div
{
  word-wrap: break-word;
}
Run Code Online (Sandbox Code Playgroud)

http://jsfiddle.net/NEbj7/1/