东语的专栏

使用基于float的布局进行编码时，我们面临的常见问题之一是包装容器不会扩展到子浮动元素的高度。解决此问题的典型解决方案是在浮动元素后添加一个带有 clear float 的元素。但是您知道吗，您也可以使用 overflow 属性来解决此问题？这也不是一个新的 CSS 技巧。很久很久以前就已经有记录了。下面的演示显示了父容器不展开的浮动子元素的问题。要解决此问题，您只需将 CSS 属性 overflow：auto（或 overflow：hidden）添加到包装容器中即可。这可能是清除浮点数的最简单方法。

一、基本语法 语法： text-overflow : clip | ellipsis  参数：  　　 clip : 不显示省略标记（...），而是简单的裁切 　 　  ellipsis : 当对象内文本溢出时显示省略标记（...） 　　说明： 设置或检索是否使用一个省略标记（...）标示对象内文本的溢出。 　　示例：div { text-overflow :

本文主要介绍通过css实现表格固定列锁定及锁定后左右两个表格高度一致。 一、实现表格固定列的原理是，通过两个div，固定列div的css float设置成left，非固定列css overflow-x: auto; 二、左右两个表格高度一致通过jQuery实现 $(document).ready(function() { var rightPart = $('di

本文主要介绍通过css实现图片的圆角处理。 效果图： .shortcutportlet-item-border-radius { -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; } .shortcutportlet-img { width:48px;

CSS float 浮动属性 　　本篇主要介绍float属性：定义元素朝哪个方向浮动。 目录： 1. 页面布局方式：介绍文档流、浮动层以及float属性。 2. float:left ：介绍float为 left 时的布局方式。 3. float:right ：介绍float为 right 时的布局方式。 4. 相邻元素含有float属性：介绍相邻元素含

css样式中不是全部的属性都是可以被子元素继承的，下面列出 css中可以和不可以继承的属性。

CSS的很多其他属性大多容易理解，比如字体，文本，背景等。有些CSS书籍也会对这些简单的属性进行大张旗鼓的介绍，而偏偏忽略了对一些难缠的属性讲解，有避重就轻的嫌疑。CSS中主要难以理解的属性包括盒型结构，以及定位。正如positioniseverything，本文将主要讲述关于position的理解，力求让您看完本文后对position有着最全面的认识。

首先要知道，div是块级元素，在页面中独占一行，自上而下排列，也就是传说中的流。如下图：              可以看出，即使div1的宽度很小，页面中一行可以容下div1和div2，div2也不会排在div1后边，因为div元素是独占一行的。        注意，以上这些理论，是指标准流中的div。        小菜认为，无论多么复杂的布局，