- 博客(6)
- 收藏
- 关注
RSS订阅原创 页面布局高度塌陷问题和解决方案
页面布局高度塌陷问题和解决方案一、产生高度塌陷的原因 如果我们未对父元素设置高度，默认被子元素撑开，而一旦子元素脱离标准文档流，子元素不在文档流中占有原来的位置。此时父元素高度塌陷，导致布局混乱。创建一个div1，再在其中创建一个子div2 ，代码如下。父元素不设置高度。子元素设置左浮动（脱离标准文档流），...
2021-04-20 16:09:02
957
原创 css 浮动特点
css浮动特点浮动会让元素脱离标准文档流。标准文档流的理解不做阐述。这里只记录下标准文档流中元素的特点：块元素： 1、块元素会在标准文档流中独占一行，自上而下排列 2、如果不设置宽高，块元素默认宽度为父元素的100%，高度则被内容撑开内联元素： 1、内联元素在标准文档流中只占自身的大小，自左向右排列，并会自动换行。 2、内联元素的宽度和高度均由内容撑开，设置宽高无效而脱离文档流之后，元素的特点为下块元素： 块元素脱离标准文档流之后，如果不设置宽高，则默认被内容撑开，宽度默认不再
2021-04-13 10:42:27
276
原创 css 之overflow 用法
css 之overflow用法通过overflow 可以设置父元素中内容溢出的问题。创建一个父div 和一个子div。父div 宽高各200px，子div 宽100、高300px。则垂直方向父元素内容溢出。<style type="text/css"> .div1{ width: 200px; height: 200px; background-color: #0000FF; } .div2{ width: 100px; height: 500px
2021-04-08 10:49:44
865
原创 内联元素特点
内联元素（非置换元素）特点以下描述都只针对于非置换内联元素。设置宽高无效 内联元素设置宽高无效，默认宽高为自己本身内容大小。只支持水平外边距，不支持垂直外边距， 可以设置水平外边距，而设置 margin-top 、margin-bottom 无效。内边距 内联元素支持水平方向内边距，垂直方向设置magrin-top 无效。margin-bottom对自身有效，但是不影响其他元素布局。边框 内联元素支持水平方向边框设置，垂直方向设置上边框无效，下边框有效，但是不影响其
2021-04-07 16:08:52
453
原创 html之垂直外边距问题
html之垂直外边距一、兄弟元素的垂直相邻首先写俩个div ，分别设置宽高均为100px，此时俩个div在垂直方向相邻。<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> </head> <style type="text/css"> body{ margin: 0 auto; } .div
2021-04-07 14:40:16
845
1
原创 display 和visibility 用法简记
display和visibility区别display常用属性inline: 元素会被显示为内联元素，元素前后没有换行符block：元素会被显示为块级元素，元素前后会有换行符inline-block ：行内块元素，即带有块级元素的特点，可以设置宽高。也带有内联元素的特点，前后没有换行符。none: 将元素隐藏visibilityvisible: 默认值，元素是可见的hidden: 元素是不可见的inherit： 从父元素继承 visibility属性的值visibility 和d
2021-03-23 11:22:02
246
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人