码迷,mamicode.com
首页 >  
搜索关键字:子div    ( 178个结果
Day48~53-JavaScript
1 css补充 css语法格式, 引用方式, 选择器, 属性操作 伪类 盒子模型, 内边距, 外边距 padding会改变元素大小 margin改变元素位置, 不改变元素大小 边界塌陷问题 兄弟div的情况, 上下之间的编剧, 最终得到的边距是两者中最大的那个, 而不是和 父子div的情况, 需要将 ...
分类:编程语言   时间:2017-05-30 20:58:44    阅读次数:159
两个DIV并排显示
今天做的一个项目,需要做3个div,一个是总框(Div1),另外两个是子框,按比例填满div1,我设置好两个div的width和height,发现效果是两个子div上下显示,如图所示: 要想将两个DIV并排显示,需要用到float属性,将div2的float设置为left,将div3的float设置 ...
分类:其他好文   时间:2017-05-29 23:27:09    阅读次数:235
父子div margin重叠问题
前段时间朋友做项目遇到一个问题,说是父子div,想让子div下移50px,我随口就说“直接margin-top就可以了”,结果,你们没猜错,打脸了,好痛! 这是我自己试了一遍的代码: 以及样式: 结果出来就变成这样了 这是什么鬼?我设置的只是子div啊,为什么父子一块移动了?最后经过多方百度得知原因 ...
分类:其他好文   时间:2017-05-27 22:31:52    阅读次数:227
利用绝对定位实现垂直居中
原理就是利用top和bottom将子div块的高度(height+margin)为包含框的height,上下margin对半分 ...
分类:其他好文   时间:2017-05-15 20:24:12    阅读次数:182
通过网页版邮箱的实现“联系我们”
最近的项目中有一个监督投诉的栏目。这块的初始设计和其它站点类似,就是通过“mailto:邮件地址” 实现这个功能。这样能够实现本地client的响应。 可是。客户对这个方式不惬意。事实上我们细致想想也是,对于普通的网友,他们使用outlook或者Foxmail的比例是相对低的,大部分人使用的是网页版 ...
分类:Web程序   时间:2017-04-30 19:58:50    阅读次数:2428
HTML子div的宽度始终等于父div的宽度
最近我在做个人网页的时候,在一个div下插入了百度地图的API,这时问题来了,因为百度地图生成的是固定的大小,假如网页用手机端打开,会发现有部分地图看不到,为了解决这个问题,我把子div的宽度始终等于父div的宽度,这时就正常了代码:<divid="bigone"><divstyle=..
分类:Web程序   时间:2017-04-28 23:46:19    阅读次数:682
选择器——过滤选择器——内容过滤器
所有选择器都可以结合css或click使用 第二个:empty过滤器就是一个很好的例子 子p标签 子div标签 子子p标签 子span标签 子span标签2 子span标签 子span标签 子span标签 子span标签 ... ...
分类:其他好文   时间:2017-04-23 18:53:18    阅读次数:138
选择器——层次选择器
子h2标签 子p标签 子span标签 子span标签2 子div标签 子子p标签 子span标签 子span标签 子span标签 子span标签 ...
分类:其他好文   时间:2017-04-23 18:11:04    阅读次数:178
十分钟掌握CSS基本内容
(一) 定位 绝对定位和相对定位。其实用一句话说就是“子绝父相”,理解这句话很多效果通过定位做出来的话都没问题了。一般平时用的都的情况都是子div设置为绝对定位,父div设置为相对定位。如果直接把一个div设置为绝对定位的话呢,它是根据浏览器窗口大小来进行定位的。如果把定位这块理解了,很多效果都可以 ...
分类:Web程序   时间:2017-04-21 22:59:10    阅读次数:177
探讨弹性布局Flexible Box
虽然Flex布局09年就被W3C所提出,但是目前浏览器支持上还不是很好,网上找的一张图片,仅供参考: 我们先从简单讲起。如果仅仅只想实现一个栅格布局,没必要引入一个复杂的框架(如bootstrap),短短几行代码也能实现该功能。 例子:有个父div,三个子div,宽度比是1:2:1,以下代码: 显示 ...
分类:其他好文   时间:2017-04-15 18:26:00    阅读次数:258
178条   上一页 1 ... 8 9 10 11 12 ... 18 下一页
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!