FilesExpand file tree

master

/

float_1.html

Copy path

Blame

More file actions

Blame

More file actions

Latest commit

 

History

History

History

46 lines (45 loc) · 784 Bytes

master

/

float_1.html

Copy path

Top

File metadata and controls

• Code
• Blame

46 lines (45 loc) · 784 Bytes

Raw

Copy raw file

Download raw file

Open symbols panel

Edit and raw actions

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

<!DOCTYPE html>

<html>

<head>

<title>float实例</title>

<link rel="stylesheet" type="text/css" href="./css/base.css">

<style type="text/css">

body{

background-color: #eee;

}

div{

float: left;

background-color: pink;

border-radius: .5em;

width: 30%;

}

div.container{

width: 30%;

}

div.div1{

background-color: black;

height: 50px;

}

div.div2{

background-color: yellow;

height:60px;

}

div.div3{

background-color: blue;

height:100px;

}

div.div4{

background-color: purple;

height:70px;

}

</style>

</head>

<body>

<div class="container">

<div class="div1"></div>

<div class="div2"></div>

<div class="div3"></div>

<div class="div4"></div>

</div>

</body>

</html>