<!DOCTYPE html>
<
html
>
<
head
>
<
meta
charset
=
"utf-8"
>
<
title
>css中的浮动</
title
>
<
style
type
=
"text/css"
>
/**{margin:0px;padding: 0px;}*/
ul li{list-style: none;width: 100px;height: 40px;line-height: 40px;text-align: center;background: #ccc;float: left;margin: 0px 1px;}
.box{width: 200px;height: 200px;background-color: pink;float:right;}
.clear{clear: both;}
</
style
>
</
head
>
<
body
>
<
h1
>css中的浮动</
h1
>
<
ul
>
<
li
>html</
li
>
<
li
>css</
li
>
<
li
>JavaScript</
li
>
<
li
>jQuery</
li
>
<
li
>php</
li
>
</
ul
>
<
div
class
=
"clear"
></
div
>
<
div
class
=
"box"
>div1</
div
>
<
div
class
=
"box"
>div2</
div
>
<
div
class
=
"box"
>div3</
div
>
</
body
>
</
html
>