首页
AI Coding
数据标注
NEW
沸点
课程
直播
活动
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
登录
注册
姜雅君
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
4
文章 4
沸点 0
赞
4
返回
|
搜索文章
最新
热门
右浮动的元素写在前面
1.如果盒子中只有右浮动,没有左浮动,效果会有错行的效果。 2.如果一个盒子中只有右浮动,没有左浮动,通常把右浮动的元素写在前面。 3.如果有左浮动,也有右浮动,那么谁写在前面(左浮动的元素或是右浮动的元素)都OK的。
一个浮动的父元素,它的高度不会塌陷
下,会塌陷。 什么时候用? 如果一个页面中高度是 固定死的,也可以使用加高法。 如果一个父元素高度塌陷,可以让它浮动起来,它高度就不塌陷了。
浮动的行内元素会变成块级元素
一个行内元素浮动了,相当于做了一个变性手术,变了块级元素。 对于一个行内元素,不能设置宽度和高度。 但是如果你让它浮动了,那它就变成一块级元素,可以设置宽高。
浮动之包裹性
必须是 块级元素,并且这个块级元素 没有明确的设置尺寸。 如果一个 块级元素的 width没有设置,它的宽度 就是父元素的宽度的100%。 如果此时让它浮动了,它的宽度 由 内容来决定,尽可能 地压缩空间。 这就是块级元素浮动所产生的包裹性。 里面有多少内容,它的宽度就是多少。
浮动的特性之破坏性
破坏了流式布局,可以让块级元素并排显示。 按照 标签 的特征,进行的默认布局,从上到下,从左到右进行排列,块级元素独占一行,行内元素并排显示。 在CSS3中,提出更好的一种布局方案,叫flex布局。在移动端(手机,平板)开发,可以使用flex来代替浮动布局。
浮动的初衷
浮动的深入之浮动的初衷。 浮动 刚创建 出来时,并 不是 为了 实现 块级元素 并排显示的。 是实现所谓的 字围效果----------文字绕着图片走。 浮动 会 脱离 标准文档流,类似于img出国了, 后面的元素 就向钻,但是文字不会钻,它会围绕图片。 如果是全脱离标准文档流…
margin为负值增加容器的宽度
使几个DIV在同一行并排显示,有间隙的情况的处理方案。 margin可以为负值,来增加一个容器的宽度。 使几个DIV在同一行并排显示,有间隙的情况的处理方案。 margin可以为负值,来增加一个容器的宽度。
margin可以设置成负值
margin可以设置成负值, 如margin-left: 正值 表示 远离 left方向 如margin-left:负值 表示 靠近 left方向解决1
盒子模型----margin
margin在 水平方向 上有效,在 垂直方向 上是无效的。 margin会发生塌陷(重叠)。 上面的盒子设置margin-bottom,下面的盒子设置margin-top。取大优先 写页面是最好避免同时设置上下两个盒子的margin。 1. 父元素的margin-top与它的…
盒子模型----padding
padding在四个方向都可以设置。 水平(left/right )方向还是影响网页的空间。
下一页
个人成就
文章被点赞
40
文章被阅读
17,789
掘力值
196
关注了
11
关注者
3
收藏集
0
关注标签
44
加入于
2020-03-08