无意之间发现左右侧布局很多技巧在里边,接下来分享下实例:

<div style="width:40px;height:36px;float:left;overflow:hidden; background-color:#CCC;position:relative;">左右测试</div>
<div style=" background-color:#F00;margin-left:50px;">文字图</div><!--比较推荐用于这种方式实现--> <div style="width:40px;height:36px;float:left;overflow:hidden; background-color:#CCC;">左右测试</div>
<div style=" background-color:#F00;margin-left:50px;position:relative;">文字图</div> <div style="float:left;width:40px;height:38px; background-color:#ccc;margin-right:10px;position:relative;overflow:hidden;">左侧测试</div>
<div style=" background-color:#0F0;overflow:hidden;_display:inline-block;">文字图</div> <div style="width:100%;position:relative;">
<div style="width:40px;height:38px; background-color:#ccc;position:absolute;left:0px;top:0px;">左侧测试</div>
<div style=" background-color:#FF0;margin-left:50px;">文字图</div>
</div> <div style="float:left;width:40px;height:38px; background-color:#ccc;margin-right:10px;overflow:hidden;">左侧测试</div><!--在自适应布局情况下很少应用到这个-->
<div style=" background-color:#00F;float:left;width:400px;">文字图</div> <div style="float:left;width:40px;height:38px; background-color:#ccc;margin-right:10px;overflow:hidden;">左侧测试</div><!--在右侧内容不超过左侧时应用-->
<div style=" background-color:#00F;">文字图</div>
text-indent:-999em; //隐藏文本的一种方法
css IE6 下去掉 input等元素 的边框 border: 0 none; 所有浏览器都可以了
outline: 5px solid #e3e3e3;(thick属性点点)加在边框之外的一层,轮廓线不会占据空间。 <p style=" background-color:#FF0;background-color:#0F0\0;*background-color:#F00;_background-color:#000;">
请用CSS来定义标签,要求实现以下效果:字体颜色再IE6下为黑色,IE7下为红色,IE8下为绿色,其他浏览器下为黄色。
</p>

注:带有粉色代码为左右布局关键词,此代码仅代表个人意见。哈哈O(∩_∩)O哈哈~

aaarticlea/png;base64,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" alt="" />

css布局左右技巧分享的更多相关文章

  1. 第八十四节,css布局小技巧及font-awesome图标使用

    css布局小技巧及font-awesome图标使用 图片鼠标放上去遮罩效果,显示文字 当鼠标放上去时 /*最外层div*/ .a{ width: 384px; height: 240px; backg ...

  2. css布局小技巧 2016.03.06

    偶遇一个可爱的css布局学习网站,立刻学起来哟- max-width: 当页面左右宽度缩小时,为了避免出现左右滚动条的糟糕体验,就可以用到max-width啦!页面比宽度小时,会自动缩小哦- max- ...

  3. CSS 布局:40个教程、技巧、例子和最佳实践

    前言: 布局是WEB开发一个重要的课题,进入XHTML/CSS后,使用TABLE布局的方式逐渐淡出,CSS布局以众多优点成为主流,本文将介绍40个基于CSS的web布局的资源和教程.文章的出处在htt ...

  4. CSS技巧分享:如何用css制作横排二级下拉菜单

    原文:CSS技巧分享:如何用css制作横排二级下拉菜单 导航菜单是每个网站所必备的功能,也是每个学习制作网站的朋友所必须接触的,如何用css样式制作一个简单漂亮的二级下拉菜单呢,下来小编就一步一步教大 ...

  5. div+css 布局技巧总计

    一.css 样式 1.float 首先需要了解块级元素(block element).每个块级元素都默认占用一行,在同一行只能添加一个块元素(float 除外).块级元素一般可以嵌套块级元素或者行内元 ...

  6. (转)div+css 布局经验 - 最简单的 = 最不变形的(原创技巧)

    站酷几年了 一直饱受其恩泽 尤为感激 一直想奉献些什么 但是苦于水平 苦于奔波 今天静下心来 为大家奉献下 自己的div+css 经验 ,以下观点只代表 深海个人立场 希望为初学者提供一条" ...

  7. div+css 布局经验 - 最简单的 = 最不变形的(原创技巧)

    站酷几年了 一直饱受其恩泽 尤为感激 一直想奉献些什么 但是苦于水平 苦于奔波 今天静下心来 为大家奉献下 自己的div+css 经验 ,以下观点只代表 深海个人立场 希望为初学者提供一条" ...

  8. DIV+css排版问题技巧总结---v客学院技术分享

                DIV+css排版问题技巧总结 一.排版思路 1.从上到下,从左到右,从大到小. 2.首先确定排版分区,排除色块分布,然后再从简单的部分开始. 3.在某一块内将HTML部分写好 ...

  9. web前端教程:CSS 布局十八般武艺都在这里了

      CSS布局 布局是CSS中一个重要部分,本文总结了CSS布局中的常用技巧,包括常用的水平居中.垂直居中方法,以及单列布局.多列布局的多种实现方式(包括传统的盒模型布局和比较新的flex布局实现), ...

随机推荐

  1. windows环境同时连多个openvpn配置

    根据同事的经验分享:   环境: os:windows7 vpn: openvpn5   1. 进入"设备管理器" 2. 选择"操作" —> " ...

  2. Java基础之在窗口中绘图——移动曲线的控制点(CurveApplet 3 moving the control points)

    Applet程序. import javax.swing.*; import java.awt.*; import java.awt.geom.*; import javax.swing.event. ...

  3. JAVA线程池原理详解一

    线程池的优点 1.线程是稀缺资源,使用线程池可以减少创建和销毁线程的次数,每个工作线程都可以重复使用. 2.可以根据系统的承受能力,调整线程池中工作线程的数量,防止因为消耗过多内存导致服务器崩溃. 线 ...

  4. css巧妙实现分隔线

    单个标签实现分隔线 .demo_line_01{ padding: 0 20px 0; margin: 20px 0; line-height: 1px; border-left: 200px sol ...

  5. UBoot讲解和实践-------------讲解(二)

    UBoot  ARM移植之阶段二   理论篇 stage2: 1.初始化本阶段要使用的硬件设备: 通常包括两方面: 1)初始化至少一个串口,以便和终端用户进行I/O输出信息.              ...

  6. install cygwin

    make clean

  7. javascript的类、委托、事件

    javascript中的类: javascript中的类 );         p2.show();                  //注:Javascript中没有真正的方法重载 看起来很简单吧 ...

  8. SQL SERVER 2008 登陆失败(SQL和windows都没有对应的权限)

    转自:http://www.cnblogs.com/zerocc/p/3425431.html 昨天在测试一些权限今天早上来就发现SQL SERVER 登陆不上去,报错为: 用户登陆失败:消息 184 ...

  9. Ubuntu16.04搭建LAMP架构服务器

     安装Apache: weirubo@weirubo-VirtualBox:~$ sudo apt-get install apache2 查看Apache版本: weirubo@weirubo-Vi ...

  10. Viking Village维京村落demo中的地面积水效果

    效果如下: 似乎是通过高光贴图实现的,查找后发现具体在这: 它使用了基于Standard的TerrainSurface自定义Shader,关闭该帖图后效果消失: 这个TerrainSurfaceSha ...