我在浮动！
我在浮动！
我在浮动！
我在浮动！
我在浮动！
我在浮动！
我在浮动！
我在使用 clear，所以我不会浮动到上面那堆盒子的旁边。
inline-block的我在浮动！
inline-block的我在浮动！
inline-block的我在浮动！
inline-block的我在浮动！
inline-block的我在浮动！
inline-block的我在浮动！
inline-block的我在浮动！
这次我可没有用 clear 。太棒了！
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Phasellus imperdiet, nulla et dictum interdum, nisi
lorem egestas odio, vitae scelerisque enim ligula venenatis dolor. Maecenas nisl est, ultrices nec congue eget,
auctor vitae massa. Fusce luctus vestibulum augue ut aliquet. Mauris ante ligula, facilisis sed ornare eu,
lobortis in odio. Praesent convallis urna a lacus interdum ut hendrerit risus congue. Nunc sagittis dictum nisi,
sed ullamcorper ipsum dignissim ac. In at libero sed nunc venenatis imperdiet sed ornare turpis. Donec vitae dui
eget tellus gravida venenatis. Integer fringilla congue eros non fermentum. Sed dapibus pulvinar nibh tempor
porta. Cras ac leo purus. Mauris quis diam velit.
空间足够的时候，我的宽度是200px，如果空间不足，我会变窄到100px，但不会再窄了。
无论窗口如何变化，我的宽度一直是200px。
我会占满剩余宽度的1/3。
我会占满剩余宽度的2/3。
Lorem, ipsum dolor.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Nobis, sed
aperiam pariatur adipisci culpa mollitia modi ex reprehenderit tenetur facere cum? A eaque ea fugit
inventore doloribus labore ipsum deserunt.
Totam quae sint, dolorum placeat numquam voluptatibus rem asperiores ipsum! Ipsum odio consequatur quasi
mollitia laudantium modi labore ratione corporis, omnis quo qui, enim asperiores reiciendis nobis
praesentium. Dolore, error?
Explicabo saepe dignissimos perferendis, molestias natus doloremque aspernatur facere ratione sapiente iure
omnis, corrupti debitis laboriosam totam, aperiam tempore nihil beatae? Autem quo nihil temporibus voluptas
laudantium! Vero, distinctio qui!
Lorem, ipsum dolor sit amet consectetur adipisicing elit. Minus ad
blanditiis quasi magni vitae voluptatibus reprehenderit quos voluptates repudiandae deleniti!
Lorem ipsum dolor sit amet consectetur adipisicing elit. Velit est temporibus non enim? Consequatur dolore tempora et, quaerat sint deleniti est, beatae recusandae fuga itaque inventore suscipit iusto, exercitationem ducimus?
Nemo delectus consequatur sunt iusto reprehenderit commodi! Quis veniam libero animi, eius nostrum delectus unde dolores ex accusamus repellendus iure quibusdam nulla ad officiis nihil facere suscipit rerum commodi porro.
Ipsa officiis nihil asperiores nostrum quam pariatur vel debitis natus amet magni nesciunt aut vitae incidunt neque omnis fugit ducimus, ratione rerum quod, cupiditate totam iure expedita? Unde, laborum magni.