div+css浮动布局怎么用

 时间:2024-10-13 11:40:08

1、首先,在一个新的HTML文件里面书写一个id为box的div,这个box作为最大的容器,并且里面存放了两个子div,分别是box1和box2

div+css浮动布局怎么用

2、然后我们来设置box的样式,这里我就设置成宽高400像素,并且我设置它的背景颜色为红色,这样方便我们待会观察布局

div+css浮动布局怎么用

3、如图,这就是box容器在网页中的展现效果。

div+css浮动布局怎么用

4、接着我们再来设置box1的宽度和高度为150像素,背景颜色为蓝色。

div+css浮动布局怎么用

5、之后,再来预览效果,可以看到,蓝色的box1靠在红色的box里面。

div+css浮动布局怎么用
  • SQL Server创建ID自增的表
  • 代码图标素材设计
  • VisualStudio如何配置符号选项
  • vsCode配置的类型chome不受支持
  • 使用Net Localgroup命令管理本地用户组
  • 热门搜索
    密码箱的密码忘记了怎么打开 猪肉大葱饺子馅的做法 五花肉的家常做法 小龙虾怎么做好吃 豆腐皮怎么做好吃 卤猪蹄的做法大全 海虾的做法大全 vpn怎么用 平方怎么算 炒年糕的做法韩国