美文网首页
css学习笔记

css学习笔记

作者: LiHDong | 来源:发表于2017-10-10 22:58 被阅读0次

负边距

找了一下负边距的相关文档:CSS布局奇淫巧计之-强大的负边距,总结了一下:

如果margin为正值,则相当于把元素盒给推过去;若margin为负值,则相当于把元素盒拉过来

但对于它为什么会对元素宽度有影响,我找了很多文档,包括w3c的官方说明,都没有找出一个合理的解释。最后只能归结于子元素并没有规定宽度,默认会填充整个父元素框,即使将子元素往外拉也不会影响父元素被填充的效果,就会导致元素框被拉长了。

固定定位和绝对定位

对于position:absoluteposition:fixed的元素,如果没有显式指定其宽度,则其宽度由内容来决定。

相关文章

  • CSS学习笔记(2018-07-29)

    CSS学习笔记 CSS 指层叠样式表 (Cascading Style Sheets) CSS语法 CSS 规则由...

  • CSS入门学习笔记

    CSS学习笔记 CSS= 层叠样式表 cascading style sheets HTML 表达结构 , CSS...

  • 收集前端学习资料

    前端的一些学习资源 html和css代码规范 前端知识体系 前端网址大全 学习CSS布局 通用 CSS 笔记、建议...

  • CSS知识点整理

    写在前面:这是一篇学习CSS的笔记。重点在于罗列CSS的知识点。 CSS ㈠ CSS入门 什么是CSS?CSS 指...

  • 二、easyui笔记

    学习笔记一:jquery学习 Ceng coding的用法 Css速写:一般css样式都是开头简写+tab键补全,...

  • #css 全称为“层叠样式表”

    css 全称为“层叠样式表” 声明,本文为学习慕课网HTML+CSS中CSS笔记http://www.imooc....

  • HTML&CSS&JavaScript基本介绍

    本文内容为慕课网学习笔记。 CSS CSS样式类型 内联式css样式,直接写在现有的HTML标签中 嵌入式css样...

  • 5.CSS学习笔记第五节/列表

    CSS学习笔记第五节/列表 1.列表

  • CSS 自学笔记(中)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 继承、层叠和特殊性 继承 CSS...

  • CSS 自学笔记(上)

    传送门: CSS 自学笔记(上) CSS 自学笔记(中) CSS 自学笔记(下) 1. 简介 CSS 是层叠样式表...

网友评论

      本文标题:css学习笔记

      本文链接:https://www.haomeiwen.com/subject/kutiyxtx.html