<?xml version="1.0" encoding="utf-8" ?><rss version="2.0"><channel><title><![CDATA[a695005548的博客]]></title><description><![CDATA[]]></description><link>https://blog.youkuaiyun.com/a695005548</link><language>zh-cn</language><generator>https://blog.youkuaiyun.com/</generator><copyright><![CDATA[Copyright &copy; a695005548]]></copyright><item><title><![CDATA[页面布局高度塌陷问题和解决方案]]></title><link>https://blog.youkuaiyun.com/a695005548/article/details/115701442</link><guid>https://blog.youkuaiyun.com/a695005548/article/details/115701442</guid><author>a695005548</author><pubDate>Tue, 20 Apr 2021 16:09:02 +0800</pubDate><description><![CDATA[页面布局高度塌陷问题和解决方案
一、产生高度塌陷的原因
	如果我们未对父元素设置高度，默认被子元素撑开，而一旦子元素脱离标准文档流，子元素不在文档流中占有原来的位置。此时父元素高度塌陷，导致布局混乱。

创建一个div1，再在其中创建一个子div2 ，代码如下。父元素不设置高度。子元素设置左浮动（脱离标准文档流），

...]]></description><category></category></item><item><title><![CDATA[css 浮动特点]]></title><link>https://blog.youkuaiyun.com/a695005548/article/details/115522228</link><guid>https://blog.youkuaiyun.com/a695005548/article/details/115522228</guid><author>a695005548</author><pubDate>Tue, 13 Apr 2021 10:42:27 +0800</pubDate><description><![CDATA[css浮动特点
浮动会让元素脱离标准文档流。标准文档流的理解不做阐述。这里只记录下标准文档流中元素的特点：
块元素：
 	1、块元素会在标准文档流中独占一行，自上而下排列
 	2、如果不设置宽高，块元素默认宽度为父元素的100%，高度则被内容撑开
内联元素：
 	1、内联元素在标准文档流中只占自身的大小，自左向右排列，并会自动换行。
 	2、内联元素的宽度和高度均由内容撑开，设置宽高无效

而脱离文档流之后，元素的特点为下
块元素：
	块元素脱离标准文档流之后，如果不设置宽高，则默认被内容撑开，宽度默认不再]]></description><category></category></item><item><title><![CDATA[css 之overflow 用法]]></title><link>https://blog.youkuaiyun.com/a695005548/article/details/115507765</link><guid>https://blog.youkuaiyun.com/a695005548/article/details/115507765</guid><author>a695005548</author><pubDate>Thu, 08 Apr 2021 10:49:44 +0800</pubDate><description><![CDATA[css 之overflow用法
通过overflow 可以设置父元素中内容溢出的问题。
创建一个父div 和一个子div。父div 宽高各200px，子div 宽100、高300px。则垂直方向父元素内容溢出。
&lt;style type="text/css"&gt;
		.div1{
			width: 200px;
			height: 200px;
			background-color: #0000FF;
		}
		.div2{
			width: 100px;
			height: 500px]]></description><category></category></item><item><title><![CDATA[内联元素特点]]></title><link>https://blog.youkuaiyun.com/a695005548/article/details/115487003</link><guid>https://blog.youkuaiyun.com/a695005548/article/details/115487003</guid><author>a695005548</author><pubDate>Wed, 07 Apr 2021 16:08:52 +0800</pubDate><description><![CDATA[内联元素（非置换元素）特点
以下描述都只针对于非置换内联元素。

设置宽高无效

  内联元素设置宽高无效，默认宽高为自己本身内容大小。


只支持水平外边距，不支持垂直外边距，

	可以设置水平外边距，而设置 margin-top 、margin-bottom 无效。


内边距

	内联元素支持水平方向内边距，垂直方向设置magrin-top 无效。margin-bottom对自身有效，但是不影响其他元素布局。


边框

	内联元素支持水平方向边框设置，垂直方向设置上边框无效，下边框有效，但是不影响其]]></description><category></category></item><item><title><![CDATA[html之垂直外边距问题]]></title><link>https://blog.youkuaiyun.com/a695005548/article/details/115483835</link><guid>https://blog.youkuaiyun.com/a695005548/article/details/115483835</guid><author>a695005548</author><pubDate>Wed, 07 Apr 2021 14:40:16 +0800</pubDate><description><![CDATA[html之垂直外边距
一、兄弟元素的垂直相邻
首先写俩个div ，分别设置宽高均为100px，此时俩个div在垂直方向相邻。
&lt;!DOCTYPE html&gt;
&lt;html&gt;
	&lt;head&gt;
		&lt;meta charset="utf-8"&gt;
		&lt;title&gt;&lt;/title&gt;
	&lt;/head&gt;
	&lt;style type="text/css"&gt;
		body{
			margin: 0 auto;
		}
		.div]]></description><category></category></item><item><title><![CDATA[display 和visibility 用法简记]]></title><link>https://blog.youkuaiyun.com/a695005548/article/details/115111846</link><guid>https://blog.youkuaiyun.com/a695005548/article/details/115111846</guid><author>a695005548</author><pubDate>Tue, 23 Mar 2021 11:22:02 +0800</pubDate><description><![CDATA[display和visibility区别
display常用属性

inline: 元素会被显示为内联元素，元素前后没有换行符
block：元素会被显示为块级元素，元素前后会有换行符
inline-block ：行内块元素，即带有块级元素的特点，可以设置宽高。也带有内联元素的特点，前后没有换行符。
none: 将元素隐藏

visibility

visible: 默认值，元素是可见的
hidden: 元素是不可见的
inherit： 从父元素继承 visibility属性的值

visibility 和d]]></description><category></category></item></channel></rss>