父元素高度塌陷解法(一):overflow:hidden
{{ interaction.likeNum == 0 ? (pageType === 'video' ? '抢首赞' : '点赞') : formatNumber(interaction.likeNum) }}
{{ interaction.collectionNum == 0 ? '收藏' : formatNumber(interaction.collectionNum) }}
{{ interaction.discussNum == 0 ? (pageType === 'video' ? '抢沙发' : '讨论') : formatNumber(interaction.discussNum) }}
分享
适合人群
网页设计师, 前端工程师, 后端工程师
你将会学到
解决网页版面配置的困扰, 可快速将视觉平面稿,完整呈现为HTML各种HTML版面灵活运用
课程简介
◆ 清楚解释float的原理与应用,修改版面不再是恶梦!
◆ position灵活配置,让你网页版面跃升空间感!
◆ 学习**flexbox与grid system 网页排版轻松达成!
◆ css版面配置课程多面剖析, 一次解决你拼凑无逻辑的模糊观念!
当网页跑版已常让您抓狂,您还是无可奈何吗?
网页设计师最大的痛点之一,稍微知道float、position、flexbox和gridsystem的原理,但却搞不懂它们的应用方法,导致一用下去悲剧发生。后续花费更多的时间去调整版面,看着交件日期越来越近,自己就越来越心急!
从事网页相关工作者,CSS版面必修课程!
完全剖析CSS相关版面基本属性,先学习并透彻基础原理。再搭配实际CSS版面配置应用,一步步提升自己的版面配置速度,整套课程多种实战方法灵活运用,建构出真实世界的网页内容。
展开更多
{{tips.text}}
{{ noteHeaderTitle }}
笔记{{ hasMyNote ? '我的笔记' : '记笔记' }}
{{ hasMyNote ? '我的笔记' : '记笔记' }}
优质笔记
更新于:{{ $dayjs.formate('YYYY-MM-DD HH:mm:ss', item.last_uptime*1000) }}
{{ detail.username }}
公开笔记对他人可见,有机会被管理员评为“优质笔记”
{{ noteEditor.content.length }}/2000
公开笔记
保存提问
讲师收到你的提问会尽快为你解答。若选择公开提问,可以获得更多学员的帮助。
记录时间点
记录提问时视频播放的时间点,便于后续查看
公开提问
提交课程大纲
自动连播
- 第一章 float的介绍
- 1-1试看 float主要用途:选单排列、版面排列、文绕图06:05
- 1-2试看 float的原理:left right12:56
- 1-3试看 直接图片排排看! float简单应用(1)07:33
- 1-4试看 直接图片排排看! float简单应用(2)09:55
- 1-5试看 float元素与非float元素的关系10:04
- 1-6试看 马上用!选单的排列10:22
- 1-7试看 css的重设:CSS reset, normalize07:14
- 第二章 float最常令人搞不懂的地方
- 2-1试看 CSS中float引起的父元素高度塌陷07:34
- 2-2试看 父元素高度塌陷解法(一):overflow:hidden10:04
- 2-3试看 父元素高度塌陷解法(二):空标签clear:both11:45
66课时
给网页设计初学者的视频课程 web前端基础 Html+CSS
10617人学习
诺浩官方账号
5.0
¥28.00
48课时
解决CSS網頁版面问题:float, position, flexbox, gridsystem
839人学习
诺浩官方账号
5.0
¥28.00
42课时
HTML和CSS 6小时学习经典视频教程
1473443人学习
Helen老师 - 姚环
5.0
会员免费
57课时
HTML网页开发8小时轻松学习【燕十八】
940788人学习
燕十八(刘道成)
5.0
免费
92课时
Xhtml实战视频教程【李炎恢老师】
693625人学习
李炎恢
5.0
会员免费
38课时
HTML5和CSS3新特性视频教程
634505人学习
Helen老师 - 姚环
5.0
会员免费
67课时
HTML5+CSS3小白基础与提升实战视频课程
477550人学习
创客官方账号
5.0
免费
12课时
HTML零基础快速入门视频课程
315049人学习
牛牧
4.9
免费