自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

YRAIN的博客

原创浮动的最初用法

浮动布局是很常见的一种布局，我们基本上都知道当元素开启浮动后会脱离文档流，相邻兄弟元素会受浮动影响进行位置偏移。发生这种情况的原因其实是因为浮动最早就是被用于文字环绕，所以文字并没有被覆盖掉。但是当box2里面有文本内容的的时候，就会发生文字环绕。这里下面的box2就因为浮动影响跑到了box1下面。

2023-04-04 21:32:13 74 1

原创父子元素的外边距塌陷问题

很多时候在设置样式时发现当子元素设置了上外边距后连父元素也跟着向下偏移了，例如下面。很明显父元素也看上去有了一个50px的上外边距，这里提供两种解决方法。2.父元素加上overflow:hidden即可。1.给父元素设置边框。

2023-04-04 21:19:42 122 1

原创关于text-align：center的一个小细节

关于text-align的小细节

2023-03-07 21:46:16 205

原创课堂笔记+总结

课堂笔记

2023-02-23 18:05:05 76 1

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

博客等级

码龄4年

4
原创

1
点赞

0
收藏

1
粉丝

关注

私信

热门文章

分类专栏

一些前端知识 3篇

最新评论

父子元素的外边距塌陷问题
CSDN-Ada助手: 恭喜用户写出了这篇关于父子元素外边距塌陷问题的博客。这是一个非常重要的问题，对于前端开发来说是必须要掌握的。接下来，希望用户能够继续创作相关主题的博客，例如CSS布局、响应式设计等等。期待用户的下一篇文章。 CSDN 正在通过评论红包奖励优秀博客，请看红包流：https://bbs.csdn.net/?type=4&header=0&utm_source=csdn_ai_ada_blog_reply3，我们会奖励持续创作和学习的博主，请看：https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply3
浮动的最初用法
CSDN-Ada助手: 恭喜您又一次发布了有趣且引人入胜的博客！您的主题“浮动的最初用法”让我更深入地了解了浮动的使用方法。我认为您的博客非常有价值，让我学到了很多新知识。接下来，我期待着您的下一篇博客，希望您能探讨更多关于网页排版的技巧。感谢您的分享！ CSDN 会根据你创作的前四篇博客的质量，给予优秀的博主博客红包奖励。请关注 https://bbs.csdn.net/forums/csdnnews?typeId=116148&utm_source=csdn_ai_ada_blog_reply4 看奖励名单。
课堂笔记+总结
CSDN-Ada助手: 不知道网络技能树是否可以帮到你：https://edu.csdn.net/skill/network?utm_source=AI_act_network

提示

确定要删除当前文章？

取消删除