CSS
小迪的博客
努力,努力
展开
-
CSS布局问题集锦
这里介绍下自己在实践过程中遇到的一些css布局的问题,一方面做个备忘,也希望给大家带来一点帮助。如何让div显示为整个页面的高度 我们有时希望一个container显示为整个页面高度,很容易想到将它的高度设置为100%,可是实际显示的效果却不是我们想要的。我用一张张图说明原因:html和body默认高度都是匹配内容高度的,我们想要让container的高度和页面高度一样,得先把html和body的原创 2016-05-02 20:14:58 · 577 阅读 · 0 评论 -
Strict和Quirk模式下的差异
Strict和Quirk模式下的差异。要想写出跨浏览器的CSS,必须知道浏览器解析CSS的两种模式:标准模式(strict mode)和怪异模式(quirks mode)。所谓的标准模式是指,浏览器按W3C标准解析执行代码;怪异模式则是使用浏览器自己的方式解析执行代码,因为不同浏览器解析执行的方式不一样,所以我们称之为怪异模式。浏览器解析时到底使用标准模式还是怪异模式,与你网页中的DTD声明直接相关原创 2016-05-06 19:14:42 · 2399 阅读 · 0 评论 -
css标题线
/* 标题线样式 */h3.title { white-space: nowrap; text-align: center; font-size: 14px; background: #fff; height: 30px; position: relative;}h3.title>span { line-height: 30px;}h3.title .left {原创 2017-08-03 16:54:15 · 807 阅读 · 0 评论 -
怎么检测页面那些元素超出设备宽度
写页面的时候如果页面元素的宽度超出设备宽度就会出现横向滚动条,这对移动端的页面影响还是很大的,那么怎么去检测到底是那些元素的宽度超出了设备的宽度了呢?先看看是哪些原因导致这种现象:宽度使用了width:100%,但是又有padding或者border,由于浏览器默认的盒模型是content-box,也就是说width:100%是内容的100%,这样再加上padding和border才是元素实际的宽原创 2017-01-17 20:52:46 · 1818 阅读 · 1 评论