![](https://img-blog.csdnimg.cn/20201014180756927.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
CSS
辰辰沉沉大辰沉
某厂前端 xuelq007.com
展开
-
纵向滚动条,clientHeight, offsetHeight
最近遇到一个在Tab页面下Frame中控件过多,以至于页面上出现了两根根滚动条非常难看的问题。问题的关键是对于clientHeight, offsetHeight,offsetTop等概念的理解问题很好解决,思路就是将将最外层的overflow: hidden,同时限定内层Frame的高度,这样的话只出现内层一根滚动条,同时不会影响控件的显示。之所以把这个问题记下来还是因为感觉自己前端原创 2015-08-10 20:03:22 · 2104 阅读 · 0 评论 -
IE9 中行内元素word-wrap失效分析
这是本人的第一篇技术博客,主要作用是记录工作学习中遇到的各种问题。以便将来回顾。如有不对的地方,请各位大神多多指教。在项目中遇到一个defect,在IE9中一个关于Label的CSS,定义了word-wrap:break-word。但是仍然没有换行效果。在FF, Chrome, IE10中却是好的。这也算是前端跨浏览器的一个问题吧,想想前端这是坑爹呀,一个小功能就得兼顾N多原创 2015-08-04 22:15:50 · 3046 阅读 · 1 评论 -
FireFox 下关于textarea纵向滚动条的问题(when rows=1)
问题是FF所独有的,在TextArea中,当rows = 1, 用户输入长串字符,尽管换行了,但是vertical scroll bar没有显示出来。但是再这种情况下,用户依然可以用鼠标或者光标进行滚动操作。嗯,其实这又是一个坑爹的跨浏览器的问题,其他如IE, Chrome都好好的。不过这个不影响使用,如果用户不较真的话可以忽略。原创 2015-08-05 15:37:09 · 2315 阅读 · 0 评论 -
paading-top 设置宽高比以及overflow:hidden清除浮动
子元素应该margin-top为何会影响父元素【转】这个问题困惑了很久,虽然没有大碍早就摸出来怎么搞定它,但始终不明白原因出在哪里,如果只是IE有问题我也不会太在意,可问题是所有上等浏览器都表现如此,这样叫我怎能安心?今天总算下狠心查出来怎么回事,居然是CSS2.1盒模型规范……虽然很别扭,非常别扭的规定。 问题如下图,两层Div结构,Outer Div属性为“margin:0 auto”转载 2016-09-02 09:02:40 · 2151 阅读 · 0 评论 -
对淘宝双飞翼布局的的一点理解
最近回头又看了一看CSS布局方面的东西,重新温习了一下三栏布局,即两边定宽,中间自适应的网页结构。最著名的三栏布局当然是圣杯布局和基于圣杯布局改进后的淘宝双飞翼布局。几年前第一次看这个布局的时候刚开始做前端,也就是当‘布局’看了。一个双飞翼布局结构如下。三个部分依次是middle, left, right全部float=left. 当然将middle的width设为100%来达到res原创 2017-11-16 22:08:04 · 2095 阅读 · 0 评论 -
滚动条知识点之一: infinite scroll
移动开发中infinite scroll的应用场景以及实现要点。原创 2017-12-26 09:10:39 · 5179 阅读 · 0 评论 -
CSS方言之webkit私有属性
webkit-box flexwebkit-box text-align: centerwebkit-box -webkit-line-clampother useful webkit cssother unuseful webkit css:p {display: block;-webkit-margin-before: 1em;-webkit-margin-after: 1...原创 2018-11-04 00:05:07 · 4558 阅读 · 0 评论 -
margin: 0 auto 水平居中原理
在 CSS 居中布局界,这可以说是一个烂梗了。但如果继续追问其原理,很多人就语焉不详了。**网络中很多文章有两个问题:描述不全面或者延伸太广,难以聚焦,时间一长容易遗忘**。所以写这篇文章的目的是在收敛知识扩展面的同时又能抓住要点,就算时间久了也可以从要点出发把整个原理。原创 2019-07-14 17:02:37 · 6531 阅读 · 0 评论