正在载入……

Attention, Zin 的交互设计之路。

User interface, user experience and interactive design.

« 如何开发维护一个项目之标准化[讨论]北京 FM调频电台频率及名称列表[分享] »

关于css中最小高度及最小宽度的问题

css中有个属性min-width及min-height,而这两个属性值对块元素起作用或定义显示为块的使用css的display:block,而min-width也只有在块元素浮左而不是自动填充整个宽度时候才起作用例如div要设置float:left或者right。
由于IE6无法识别css中的最小宽度min-width及最小高度min-height,而IE7+及其他比如Firefox等浏览器可以很好的支持,而同样IE不支持!important强调注释,利用这一点可以解决这个问题,代码如下:
xhtml:

<div id="test">min 100x100</div>

CSS

#test{float:left;min-height:100px;height:auto!important;height:100px;min-width:100px;width:auto!important;width:100px;background:#ccc;}


PS:这属于针对IE6的fix问题,同样可以使用IE6的CSS Filter: _property:value;

欢迎发表看法:

您的讨论更有价值!

控制面板

<< 2008-12 >>

Sun

Mon

Tue

Wed

Thu

Fri

Sat

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

最近留言