css
huzhigenlaohu
这个作者很懒,什么都没留下…
展开
-
padding与滚动条关系
<!DOCTYPE html><html><head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <title></title> <style> .test{ margin:100px auto;width:500原创 2015-11-04 12:20:52 · 7337 阅读 · 0 评论 -
scrollWidth,clientWidth,offsetWidth的区别
通过一个demo测试这三个属性的差别。说明:scrollWidth:对象的实际内容的宽度,不包边线宽度,会随对象中内容超过可视区后而变大。 clientWidth:对象内容的可视区的宽度,不包滚动条等边线,会随对象显示大小的变化而改变。 offsetWidth:对象整体的实际宽度,包滚动条等边线,会随对象显示大小的变化而改变。 该demo就在页面中放一个textarea元素,采用默认宽高显示。原创 2015-11-04 11:38:45 · 479 阅读 · 0 评论 -
css画个三角形,可旋转
<!DOCTYPE html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>box-sizing</title><style> i{font-weight:500; font-style:normal; } .hitme { disp原创 2015-11-02 15:30:37 · 2153 阅读 · 0 评论 -
移动端h5 输入框padding-left会导致放大
移动端html5 输入框padding-left会导致放大解决办法:input { width: calc(100% - 10px); padding-left: 10px; } 目前而言,好的解决之道是width和padding均采用百分比值,例如下面这样:firefox低版本可能存在问题input { width: 92%; padding-le原创 2015-12-18 10:47:46 · 2992 阅读 · 0 评论