多语言展示
当前在线:1386今日阅读:2今日分享:38

如何用CSS制作一个满屏品字布局

如何用CSS制作一个满屏品字布局
工具/原料
1

windows 7

2

IE11

3

sublime text3

方法/步骤
1

新建一个HTML和CSS文件,并且用LINK进行文件的链接。

2

编写标签和CSS样式作为示范。

3

然后我们用长宽和颜色来让方块来显现。

4

我们用margin:0 auto来进行居中,但是没有反应。

5

这个时候我们需要设置html和body的height为100%,这个时候发现居中成功了。

6

现在我们可以用float来使方块在左边。

7

另一个就是float右边。

8

当然我们也可以用relative和absolute来进行设置。

注意事项

主义两种方法的区别

推荐信息