position和margin的绝对定位和相对定位
2024-08-25 23:15:46
电脑桌面清理干净之后,果然快了很多,桌面上的东西会占用内存,导致电脑变慢,以前我看到表姐的电脑桌面堆满了东西,我就在心里默默的鄙视不懂玩电脑的人,现在我竟然也养成了这种坏毛病。。保存东西的时候放在桌面确实很方便快捷。
开场白是题外话,不知道标题拟得准不准确,前天工作中遇到一个问题,就是两个div共用一条线,而且中间这条线要随着左右两边的div变长或变短,这个问题让我束手无策,如下图:
后来领导教我解决了这个问题,代码如下:
<div class="box">
<div class="box1"></div>
<div class="box2"></div>
</div>
.box { width:800px; padding:20px;}
.box1 { float:left; width:200px; height:200px;border:1px solid #666; position:relative;}
.box2 { float:left; width:300px;height:300px;border:1px solid #666;margin-left:-1px;}
注意看后面红色css的部分,position:relative;和margin-left:-1px;同时使用,这让我有点晕,以前没碰到过。后来领导发了一篇文章让我看,我觉得写得不错,转载过来学习学习。
那篇转载的文章现在我看有些地方还是有点晕,概念有点模糊,我希望两个月之后我再回来看那篇文章,仰天长笑三声:啊哈哈!原来这么简单啊!!
最新文章
- 数据转移发现font有问题
- Android开发之广播
- django 技巧锦集
- UVA-10269 (floyd+dijkstra)
- Jsonp简单认识(后端使用的是asp.net mvc)
- PHP关闭提示、打印配置
- sessionStorage
- jmeter 建立一个扩展LDAP测试计划
- Ubuntu上搭建Watir-Webdriver与Cucumber环境
- smarty练习:考试系统
- 网页搜索功能 多表搜索sql
- [Android] Volley源代码分析(五岁以下儿童)Q \\ u0026一个
- tcp断开连接,4次握手,为什么wireshark 只能抓到3个包?
- Linux配置LNMP环境(二)配置PHP
- 201521145048 《Java程序设计》第7周学习总结
- Spring源码阅读笔记
- 傅里叶变换及其应用讲义(stanford_ee261)
- poj2442 堆应用
- AWVS结果分析与实践-XSS
- ASP.NET MVC:WebPageBase.cs
热门文章
- SEL_CallFuncN,SEL_CallFuncO等的区别
- CentOS 6.6安装postgresql9.6.6
- zabbix 爆高危 SQL 注入漏洞,可获系统权限(profileIdx 2 参数)
- magento如何改变首页的布局
- Qt Quick Hello World hacking
- gcc -o test test.c编译报错
- Spring整合struts的配置文件存放问题
- 谨慎使用 FileInfo.Exists 实例方法,而是使用 File.Exists 静态方法替代
- (3)re模块(正则表达式模块)
- 剑指offer-特定二维数组中查找一个元素是否存在-二分搜索-二维数组