parent overflow hidden

var color = $("h1").css("color");
alert(color);
-----------------
<h1>Ticket Price:</h1>
-----------------
h1{color:red;}
===============

实际上h1的颜色值是可以取出来的。那就说明jquery的css方法的值不依赖行内属性,
可以取出不是行内的属性。
-----
那实际上可以做到这一点
if($(xxx).css(‘float‘) == right || $(xxx).css(‘float‘) == left){
$(this).parent().css(‘overflow‘,‘hidden‘)
}

时间: 2024-11-05 19:42:47

parent overflow hidden的相关文章

overflow:hidden的清除浮动效果

我们都知道"overflow:hidden"可以溢出隐藏,即当内容元素的高度大于其包含块的高度时,设置该属性即可把内容区域超出来的部分隐藏,使内容区域完全包含在该包含块中. 然而"overflow:hidden"还有另外一个特殊的用途,那就是清除包含块内子元素的浮动.我们先来看一个实例: //html <body> <div class="parent"> <div class="child1"&

inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

在表单修改界面中常会使用一个标签.一个内容加一个修改按钮来组成单行界面,如下所示: 那么在表单总长度受限的情况下,当中间的邮箱名称过长时,会遮盖到旁边的按钮. 我们可以把中间邮箱设定最大宽度,然后对于长度超出部分设置overflow: hidden来解决这个问题. 但是这可能会引发另一个经典的 baseline 对齐问题,也就是本文要讨论的主要问题. 1. 问题现象 我们先给出一个在线实例: http://wow.techbrood.com/fiddle/15438 我们可以看到当给中间的 in

为什么overflow:hidden;属性可以清除浮动

overflow:hidden;顾名思义,溢出容器部分隐藏.为什么它可以起到清除浮动的作用呢?我们来制造一个父容器不定高,子容器进行浮动的界面. <div class='parent'> <div class='left'></div> <div class='right'></div> </div> .parent { width:200px; background:#333333; overflow:hidden; } .left

解决IE6,IE7不能隐藏(overflow:hidden)绝对定位溢出的内容

IE6/IE7下父元素有相对/绝对定位时,子元素在IE6和IE7下overflow:hidden;失效,下面与大家分享下导致以上问题发生的情况及解决方法 令人蛋疼的IE,IE6/IE7下父元素有相对/绝对定位时,子元素在IE6和IE7下overflow:hidden;失效. 情况一:(在parent上增加position:relative) 代码如下: <style type="text/css"> .parent{ width:100px; height:100px;bo

CSS中overflow:hidden在ie6、ie7无效不能隐藏解决办法

在我们做前端时会碰到一个固定的宽度当文字超过我们这个固定宽度时我们不换行的同时希望文字隐藏了, 那我们通常会使用overflow:hidden来隐藏文字,但是发现在ie6,ie7下overflow:hidden无效了,那么如何解决这个问题呢? 这就是ie6.ie7 的bug. 解决方法: 当父元素的直接子元素或者下级子元素的样式拥有position:relative属性时,父元素的overflow:hidden属性就会失效.我们在IE 6 7内发现子元素会超出父元素设定的高度,即使父元素设置了o

[Web 前端] inline-block元素设置overflow:hidden属性导致相邻行内元素向下偏移

cp from : https://blog.csdn.net/iefreer/article/details/50421025 在表单修改界面中常会使用一个标签.一个内容加一个修改按钮来组成单行界面,如下所示: 那么在表单总长度受限的情况下,当中间的邮箱名称过长时,会遮盖到旁边的按钮. 我们可以把中间邮箱设定最大宽度,然后对于长度超出部分设置overflow: hidden来解决这个问题. 但是这可能会引发另一个经典的 baseline 对齐问题,也就是本文要讨论的主要问题. 1. 问题现象

用js控制overflow=&quot;hidden&quot;

<html><head><style type="text/css">div{border:thin solid green;width:100px;height:100px;}</style><script type="text/javascript">function hideOverflow(){document.getElementById("div1").style.overf

CSS中overflow:hidden

CSS中,overfllow:hidden的作用是隐藏溢出 比如:<div style="width:300px;overflow:hidden" id=1><div id=2></div><div> 当ID=2的这个DIV高度设定的宽度超过了300px,那么超出的部分将自动被隐藏. ?

关于overflow: hidden;的一个诡异问题

1 <!DOCTYPE html> 2 <html lang="zh"> 3 <head> 4 <meta charset="UTF-8"> 5 <meta http-equiv="x-ua-compatible" content="ie=edge"> 6 <title>Title</title> 7 <meta name="v