一、浮动介绍 历史: 浮动属性产生之初是为了实现“文字环绕”的效果,让文字环绕图片在网页实现类似word中“图文混排”。 定位方式: 浮动让元素脱离正常流,向父容器的左边或右边移动直到碰到包含容器的边【经测试碰到padding即停】或者碰到其他浮动元素。文本和行内元素将环绕浮动元素。 Note: 1 ...
分类:
Web程序 时间:
2016-08-20 16:04:44
阅读次数:
689
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>column分栏</title> <style> div{ width: auto; margin-bottom:30px; padding: 10px; outl ...
分类:
Web程序 时间:
2016-08-20 14:34:13
阅读次数:
403
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>弹性盒布局</title> <style> div { height: auto; padding: 20px; -webkit-box-sizing: borde ...
分类:
Web程序 时间:
2016-08-20 14:32:27
阅读次数:
226
有关CSS的浏览器兼容性问题 今天有时间,就简单总结了下CSS的浏览器兼容相关的问题,与大家共享... 1. css中的width和padding 在IE7和火狐浏览器中width宽度不包括padding,在Ie6中包括padding. 2. innerText在IE中能正常工作,但在FireFox ...
分类:
Web程序 时间:
2016-08-20 01:24:40
阅读次数:
264
<!DOCTYPE html> <html lang="en"> <head> <title>Document</title> <style> *{margin:0;padding:0;} body{overflow:hidden;} h1{ position:fixed; left:20px;/* ...
分类:
其他好文 时间:
2016-08-20 00:11:52
阅读次数:
221
@charset "utf-8";/* CSS Document */ *{ margin:0px;padding:0px; } a{ text-decoration: none; color:#C60;} .a{ width:100%; height:120px; position: relati ...
分类:
Web程序 时间:
2016-08-19 23:56:51
阅读次数:
305
@charset "utf-8";/* CSS Document */ *{ margin:0px;padding:0px; } a{ text-decoration: none; color:#FC6;} .a{ width:100%; height:120px; position: relati ...
分类:
Web程序 时间:
2016-08-19 23:53:40
阅读次数:
245
@charset "utf-8";/* CSS Document */ *{ margin:0px;padding:0px; } a{ text-decoration: none; color:#C60;} .a{ width:100%; height:120px; position: relati ...
分类:
Web程序 时间:
2016-08-19 23:44:21
阅读次数:
248
伸缩菜单水平方向 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>伸缩菜单水平方向</title> <style type="text/css"> *{margin:0px;padding:0px;font- ...
分类:
其他好文 时间:
2016-08-19 22:01:01
阅读次数:
202
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>图片轮播-v2</title> <style> ul{ margin: 0; padding: 0; list-style: none; } .sliderWrap{ width: 2 ...
分类:
其他好文 时间:
2016-08-19 19:03:53
阅读次数:
166