CSS定义1px高度的div

div.lihe{ font-size:1px; line-height:1px; height:1px;}

这个应用的比较多的就是火狐浏览器的清除浮动:

.clear{clear:both; font-size:1px; line-height:1px; height:1px; background:none; }

时间: 2024-09-30 04:20:54

CSS定义1px高度的div的相关文章

CSS解决未知高度的DIV垂直居中

css|解决 原文标题:Vertical Centering in CSS副标题:Yuhu's Definitive Solution with Unknown Height 尽管有CSS的vertical-align特性,但是并不能有效解决未知高度的垂直居中问题(在一个DIV标签里有未知高度的文本或图片的情况下). 标准浏览器如Mozilla, Opera, Safari等.,可将父级元素显示方式设定为TABLE(display: table;) ,内部子元素定为table-cell (dis

IE6定义1px左右高度的容器示例代码

本文为大家详细介绍下IE6下定义1px左右高度的容器由于默认的行高造成的,解决的方法也有很多,具体如下,感兴趣的朋友可以参考下哈     复制代码 代码如下: div { background:red; line-height:1px; } IE6下这个问题是因为默认的行高造成的,解决的方法也有很多 例如: 复制代码 代码如下: overflow:hidden: zoom:0.08: line-height:1px:

IE6下DIV无法实现height:1px高度问题解决办法

下午写页面遇到在ie6下无法实现height:1px,之前搞忘了,百度个收集几个解决方法,以供再次查阅. IE6.0下DIV不能实现1px高度的几种解决方法 在设计网页时,有时我们需要一个1px高度的细线,但IE6有个bug,高度为1px的DIV在IE6里不管用.这是因为IE6中的DIV默认有个最小字体高度,DIV的最小高度就是这个高度,即使设置了height:1px,DIV显示出来的高度也不是1像素. 解决方法有如下几种: 1,网上都说多加一个font-size=0px:的属性可以实现. 以下

css 定义 div边框代码

 代码如下 复制代码 <title>css 定义 div边框代码</title> <style type="text/css">  .111cn_net {  BORDER-RIGHT: #cccccc 1px solid; BORDER-TOP: #cccccc 1px solid; OVERFLOW: hidden; BORDER-LEFT: #cccccc 1px solid; WIDTH: 300px; LINE-HEIGHT: 104px;

自动调整高度的div层

自动调整高度的div层 以下是代码:<html> <head> <title>Nice and Free CSS Template 09</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <style type="text/css" media="scree

CSS定义Radio单选项和Checkbox复选框样式有效代码

 我们都知道一般情况利用css来定义Radio单选项和Checkbox复选框样式是无效的,下面我来给大家介绍利用CSS定义Radio单选项和Checkbox复选框样式,有需要了解的朋友可参考. 完全使用css来实例 代码如下: <style type="text/css"> form#form1 {font:12px tahoma,sans-serif} input[type="checkbox"] {visibility:hidden;width:0;

css小白提问 问什么div的父样式无法显示?

问题描述 css小白提问 问什么div的父样式无法显示? <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="zh-cn" lang=&q

详解CSS定义HR水平线的几种样式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">  <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">  &

实例学习:网页中用CSS定义<li>和<hr>的样式

css|网页 本来之前我打算写表现本文主题的文章,但最近在新浪博客群中看到了这篇文章,就不用我多费心血了,这里转载过来,希望对大家有所帮助. li {list-style-image: url(images/disc.gif);} li的这个样式定义是将列表项目使用图片来代替显示的小圆点.当然您也可以显示成其它效果,详细请参阅下面的定义: 列表项目效果的CSS定义 *list-style-type: circle(可换成自己想要的样式); 列表项目样式 disc : CSS1 实心圆 circl