浮动是html网页，布局的容易混淆的。浮动目的是为了让多个div(盒子)

hardwork come on 2019-05-12 06:25:09

在一行显示。浮动影影响的下面的子盒子，所以一版给一个父盒子有（给定高），然后里面放子盒子，就不会寿到影响。第二种方法清楚浮动

...全文

186 回复打赏收藏转发到动态举报

写回复

回复

切换为时间正序

请发表友善的回复…

发表回复

前言：好久没更新过CSDN博客了，现在从原来的OI，变成了一个科研工作者。最近打算把原来的一些资料整理一下，作为经验公开分享，希望能帮到更多默默努力耕耘的人~ 网页设计系列源于早几年在学校网站工作做入门培训时的一些讲稿，有关HTML+CSS框架的编程，比较基础。当时为了给入门的同学更多感性认识，提供了很多小实例，这里也都给出来了。 DIV+CSS布局 CSS 盒子模型参数设置在CSS中，可以使用下面的语段示例来设置div的宽度(width)、高度(height)、外边距(margin)、..

在实现代码的过程中，我们会重复性的使用一些特殊样式，比如左浮动右浮动，或者对雪碧图的同意设置等，可将他们均写在common.css中这样当其他网页也需用这些特殊样式时，直接引用css文件即可，当然每个网页中都会有该网页独特的重复的样式，这些样式可写在作者样式里，注意标注为首页通用样式，防止和该网页中其他部分css代码混淆。设置+86右边框时，注意观察，他的边框并未充满，这时只需要将高度减小，因为垂直居中，所以line-height也要相应减小，但定位top值就要变成减小的值/2.

1.随便唠叨几句这一节课我会对浮动元素和怎样清除浮动相关的技术进行一个讲解，同时，我会列举一些我们前端开发中常见的坑，希望大家以后不要在这些地方犯错。在开始今天的课程之前，有一个东西我需要先讲一下，学网页，我认为最最重要的就是学布局，如果一个网页，你不去布局，学再多的div加css也无济于事，你就算学了再多的特效，又能怎么样？那么，何为布局呢？很简单，就是一句话，把元素放在你想要放...

CSS（Cascading Style Sheets，层叠样式表）是网页的"化妆师"。HTML负责网页的结构（骨架），而CSS负责网页的样式，如颜色、字体、布局和动画。基本语法：选择器 { 属性: 值;CSS3（Cascading Style Sheets Level 3，层叠样式表第三代）是CSS技术的升级版本。它在CSS2.1的基础上增加了大量新功能，使网页可以实现：更丰富的视觉效果、更灵活的页面布局、更复杂的动画效果、更好的响应式设计。

今天继续接着CSS盒子模型补充，CSS基础学习十三：盒子模型和CSS基础学习十四：盒子模型补充之display属性设置都是介绍了盒子模型中的内容概括。开始今天的主题：外边距合并。外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。合并后的外边距的高度等于两个发生合并的外边距的高度中的较大者。(1)外边距合并外边距合并叠加是一个相当简单的概念。但是，在实践中对网页进行布局时，它会造成许多...

61,117

社区成员

60,701

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章