左右两边固定,中间自适应
<style> * { margin: 0; padding: 0; } #left { width: 200px; height: 200px; float: left; background-color: red; } #right { width: 150px; height: 200px; float: right; background-color: mistyrose; } #middle { /* width: 100%; */ height: 200px; margin: 0 150px 0 200px; background-color: saddlebrown; word-break: break-word; } </style> </head> <body> <div id="content"> <div id="left">我是左侧内容我是左侧内容我是左侧内容我是左侧内容我是左侧内容</div> <div id="right">我是右侧内容我是右侧内容我是右侧内容我是右侧内容我是右侧内容我是右侧内容</div> <div id="middle">我是中间内容我是中间内容我是中间内容我是中间内容我是中间内容我是中间内容我是中间内容我是中间内容我是中间内容我是中间内容</div> </div> </body>
我们在茫茫世界是非常渺小的,时间一直是在流逝,我们不能阻止,但是我们可以随心记录......