`
雨中伞
  • 浏览: 42324 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

CSS OVERFLOW AUTO

阅读更多

<style type="text/css"> 
<!-- 
    *{margin:0;padding:0;} 
    body{font:36px bold; color:#F00; text-align:center;} 
    #layout{background:#FF9;} 
#left{float:left;width:20%;height:200px;background:#DDD;line-height:200px;} 
    #right{float:right;width:30%;height:80px;background:#DDD;line-height:80px;} 
    .clr{clear:both;} 
--> 
</style> 

<div id="layout"> 
    <div id="left">Left</div> 
    <div id="right">Right</div> 
    <p class="clr"> 
</div>

分享到:
评论

相关推荐

    CSS中overflow-y: visible;不起作用的原因分析及解决方法

    小编最近遇到这样的需求,移动端的h5页面,要求有一排可选择的卡片, 超出容器部分可以左右滑动,同时每张卡片...接下来通过本文给大家介绍CSS中overflow-y: visible;不起作用的原因分析及解决方法,需要的朋友参考下吧

    详解CSS中zoom属性或overflow:auto属性清除浮动的作用

    因为Zoom属性是IE浏览器的专有属性,所以他清除浮动作用只适用于IE浏览器,而Firefox、google等浏览器则需要使用overflow:auto属性来清除浮动。所以要达到兼容IE6、IE7、IE8、Firefox、google浏览器的时候就必需使用...

    postcss-overflow-shorthand:在 CSS 中使用溢出速记

    允许您按照规范在 CSS 中使用overflow速记。 html { overflow : hidden auto; } /* becomes */ html { overflow-x : hidden; overflow-y : auto; overflow : hidden auto; } 用法 将添加到您的项目中: npm ...

    详解CSS3:overflow属性

    overflow:auto 属性如果超出就出现滚动条,没有超出则不出现滚动条这样就可以出现滚动条, 滚动条也可以单独设置,例如overflow-x:hidden;overflow-y:auto;这样就只能看见垂直方向的滚动条了。如果单独定义x轴...

    css使用overflow属性控制滚动条的样式

    overflow: auto; 在需要时内容会自动添加滚动条 overflow: scroll; 总是显示滚动条 overflow-x: hidden; 禁止横向的滚动条 overflow-y: scroll; 总是显示纵向滚动条 以上三个属性设置的值为visible、scroll、hidden...

    纯css实现table滚动条(纯css实现div滚动条)

    纯css实现table滚动条(纯css实现div滚动条),主要是通过设定高度/宽度及overflow:auto;实现.

    css中overflow:hidden失效问题的解决方法

    今天在写轮播图的时候发现,overflow;hidden;竟然能失效,发现原因如下:父元素想要隐藏溢出的绝对定位的子元素,需要给父元素加一个定位;因为绝对定位的子元素会从内向外寻找有定位的父元素,找不到的话overflow:...

    css overflow溢出隐藏(文字溢出时的自动隐藏处理)

    版本:CSS2 兼容性:IE4+ NS6+ 继承性:无语法:overflow : visible | auto | hidden | scroll 相关参数说明如下: visible::不剪切内容也不添加滚动条。假如显式声明此默认值,对象将被剪切为包含对象的window...

    CSS中overflow:scroll怎么设置只上下滚动而不左右滚动

    CSS中"overflow:scroll"默认是左右,上下都滚动 如何设置成:当长度超出DIV长度的时候,只有上下滚动,左右无论超出多长都不滚动,也不会出现下面的滚动杆? 如果左右没有超出内容时,用overflow:auto; 如果左右有...

    标签增加CSS的overflow属性来清除浮动

    方法真的很简单,只要为需要清浮动的标签加上overflow这个属性。 ul{ list-style:none; height:auto; margin:0;p adding:0; background-color:#436973; } li{ float:left; width:80px; height:80px; background-...

    JS+css 图片自动缩放自适应大小

    我加了css的限制: 代码如下:div img {}{max-width:600px;width:600px;width:[removed]document.body.clientWidth&gt;600?”600px”:”auto”);overflow:hidden;}◎ max-width:600px; 在IE7、FF等其他非IE浏览器下最大...

    css设置Overflow实现隐藏滚动条的同时又可以滚动

    css设置Overflow实现隐藏滚动条的同时又可以滚动,具体代码如下所示: .scroll-list ul{ white-space: nowrap; -webkit-overflow-scrolling: touch; overflow-x: auto; overflow-y: hidden; padding: 0 0.1rem...

    用CSS控制标题字数

    margin:0 auto;} HTML---------------------- 非常多的字数你能控制得了不可能的骗你是小狗&lt;/div&gt; ----------------------------------------------------------------------------------------------- 注释...

    css 怎么清除浮动

    而此段时间最烦的是森林群里面的一群人每天上班都在吵,然后我就...对应的DEMO 采用伪类:after进行后续空制的高度位零的伪类层清除 采用CSS overflow:auto的方式撑高 采用CSS overflow:hidden的方式产生怪异适应 采用

    精通CSS mastery 源代码

    overflow: hidden; } .content .primary { width: 72.82%; float: right; } .content .secondary { width: 25%; float: left; } .content .primary .primary { width: 59.7%; float: left; } ....

    css2中文手册 学习css的必选

    text-indent text-overflow vertical-align text-align layout-flow writing-mode direction unicode-bidi word-break line-break white-space word-wrap text-autospace text-kashida-space text-justify ruby-...

    HTML标签的overflow处理用应

    使用CSS来修饰滚动条 1.overflow内容溢出时的设置 overflow-x水平方向内容溢出时的设置 overflow-y垂直方向内容溢出时的设置 以上三个属性设置的值为visible(默认值)、scroll、hidden、auto。 2.scrollbar-3d-...

Global site tag (gtag.js) - Google Analytics