WEB前端网页设计 HTML CSS 网页设计参数 - 【高度坍塌】_旅游资讯

admin

2024-03-16 19:41:07

0次

高度坍塌

高度坍塌：在流式布局中十分常见。当父元素没有高度，子元素设置了float时。

原因：子元素脱离文档流，无法撑开父元素

解决方法

1	清除浮动	#给父元素设置高度
2	给父元素设置overflow：hidden；	原理是利用overflow：hidden;创建了一个新的bfc，在新的bfc里面，自动高度会计算浮动元素的高度，于是有了这种解决高度坍塌的方法缺点：当子元素有定位属性时，设置 overflow: hidden; 容器以外的部分会被裁剪掉。
3 最好用	给父元素设置伪类元素选择器，并设置常用的清除浮动的样式，然后after就会把盒子撑开；右侧示例如是： berfore表示在.A的内容前面添加其他内容 after 表示在.A的内容后面添加其他内容	.A::after{ content: ""; #添加内容 display: block; #转换元素类型为块元素 clear: both; #清除两侧浮动 height：0； overflow：hidden； #内容溢出则隐藏 visibility：hidden； #隐藏属性 }
4	给父元素添加display：table；属性	让父元素转化为元素类型跟表格的特性一样弊端：会更改父元素的类型
5

边框属性	border-style	none无、solid单实线、dashed虚实线、dotted点线、double双实线
边框粗细	border-width
边框颜色	border-color

五十而知四十九年非的下一句五十而知四十九年非的下一句何者？先者难为知，而后者易为攻也。五十而知四十九年非意思是：活到五十岁的时...

孙睿有什么新书吗? 孙睿有什么新书吗?继《我是你儿子》后，孙睿打算明年开写《草样年华3》。

杭州有一个别称叫武林，那“人在... 杭州有一个别称叫武林，那“人在武陵微醉”的“武陵”有是指现在的那里呢？“人在武陵微醉”一句用了“武陵...

能使毛孔快速变小的产品是不是含... 能使毛孔快速变小的产品是不是含激素，城野医生水就能，会不会含激素？是有激素的产品会直接破坏脸上原本能...

恋爱的经验技巧恋爱的经验技巧他的技巧有很多种，但是我认为恋爱中最好的技巧就是真诚恋爱里面最重要的是你要懂得体贴，关...

完美国际暗影会在哪完美国际暗影会在哪答案：完美国际暗影会位于游戏内的“暗影城”。玩家可以通过传送或使用地图快捷键直接到...

奥日与黑暗森林第一关为什么拿到... 奥日与黑暗森林第一关为什么拿到第一个能量核心以后往右就回不去了继续向前走，要拿到飞檐走壁这项技能...

05《傲慢与偏见》的女主角是《... 05《傲慢与偏见》的女主角是《加勒比海盗》的女主角演的吗？顶楼上的和楼上的楼上的~！！我很喜欢...

熟悉沈阳的朋友进熟悉沈阳的朋友进

小说《异世灵武天下》全集小说《异世灵武天下》全集到思路客更新到三千一百六十七章

湖心亭看雪怎么预习？湖心亭看雪怎么预习？湖心亭看雪这篇文章怎么预习希望要快！！！~~~(*^__^*) 嘻嘻……试着翻...

九州缥缈录 Ⅱ苍云古齿 Ⅲ天下... 九州缥缈录 Ⅱ苍云古齿 Ⅲ天下名将 Ⅳ辰月之征有声电子版，不要广播剧版的最快回答那个是对的，太大了传...

《射雕英雄传》中第九回所记的岳... 《射雕英雄传》中第九回所记的岳飞所作的四首词的内容是什么。这四首词分别是《菩萨蛮》、《丑奴儿》、《贺...

网恋让我很痛苦我该怎么办网恋让我很痛苦我该怎么办其实现实与网络有很大的差别，有些比较喜欢现实一点，有些人则喜欢比较理想化一点...

对于男人来说，爱与性，哪个更重... 对于男人来说，爱与性，哪个更重要？对于男人来说，性肯定比爱重要。性更重要，没事无聊的时候这个可以解决...

老舍的文章有什么风格老舍的文章有什么风格具有独特的幽默风格和浓郁的民族色彩，以及从内容到形式的雅俗共赏浓郁的地方色彩，生...

和“蓄势待发”意思相近的成语有... 和“蓄势待发”意思相近的成语有哪些？整装待发；万事俱备只欠东风；箭在弦上不得不发；蓄势待发发音 ...

梦到老头给自己看病梦到老头给自己看病梦到老头给自己看病... 梦到老头给自己看病展开吉凶指数：96梦见一，新...

只相信自己的儿子。告诉我们一个... 只相信自己的儿子。告诉我们一个什么道理？告诉我们可能我们只对自己比较亲近的人才会放心，才会对他...

实现了心中真正的渴望，才算到过... 实现了心中真正的渴望，才算到过了天堂』出处？不算，有些事是难免的