解决子元素margin让父辈元素位置一起改变的问题
2015-07-01 13:47
323 查看
1、在父元素内添加内容,并且要在子元素块前面添加,后面添加内容无效。
内容可以是文字、图片甚至是空格,源代码里直接按空格无效,可以用占位符
2、让子元素或父元素浮动float:left。
缺点:在元素不能用浮动的情况
3、让父元素顶部增加一条边框,可以设边框为透明:border-top:1px solid transparent。
缺点:虽然是透明但还是多了1px的占位,一般精确度要求不高,1px基本可以忽略了。
4、让子元素或父元素绝对定位:position:absolute。
缺点:在元素不能用绝对定位的情况
5、让父元素overflow:hidden。
缺点:元素不能用overflow:hidden的情况。
总结,相对完美的是添加占位符 和overflow:hidden了。
内容可以是文字、图片甚至是空格,源代码里直接按空格无效,可以用占位符
2、让子元素或父元素浮动float:left。
缺点:在元素不能用浮动的情况
3、让父元素顶部增加一条边框,可以设边框为透明:border-top:1px solid transparent。
缺点:虽然是透明但还是多了1px的占位,一般精确度要求不高,1px基本可以忽略了。
4、让子元素或父元素绝对定位:position:absolute。
缺点:在元素不能用绝对定位的情况
5、让父元素overflow:hidden。
缺点:元素不能用overflow:hidden的情况。
总结,相对完美的是添加占位符 和overflow:hidden了。
相关文章推荐
- windows下如何安装pip
- weblogic真实线上业务环境故障解决一例
- DNS服务器
- git submodule(转载)
- Yin ~ Regularized Minimization method
- RTP 头格式
- C#获取上个月第一天和最后一天日期的方法
- Linux Curl命令
- LeetCode-Best Time to Buy and Sell Stock-解题报告
- [leetcode] 114.Flatten Binary Tree to Linked List
- 仅提交表单一次的实现方法
- sina微博开放平台中使用OAuth验证并发表微博
- 视差滚动
- nginx-configure执行大致流程
- Oracle之ORA-00972: identifier is too long
- ui-grid的笔记
- CScrollView双缓冲绘图
- 8天学通MongoDB——第八天 驱动实践
- Android Activity类中的finish()、onDestory()和System.exit(0) 三者的区别
- 8天学通MongoDB——第七天 运维技术