Tag: 溢出

CSS3属性webkit溢出滚动：触摸错误: iOS 5向网页devise师发布了一个新的属性-webkit-overflow-scrolling:touch ，它使用iOS设备硬件加速器为可滚动的div提供本地滚动。当我们的网站在开发中实施时，它确实工作，但不好。我相信可能有一个CSS问题，所以我在这里问。下面的小提琴会告诉你它完美的工作如果您在开发中popup到我们的网站，您将在设备选项卡下find相同的面板，但是在iOS上，尽pipe滚动是完美的，但溢出的部分不会显示，并且图像会被明显地切成两半。 http://www.golfbrowser.com/courses/mill-ride/ 我不知道如何解决这个http://www.golfbrowser.com/photo.PNG

我怎么能自动添加一个垂直滚动条到我的div？: 我想添加垂直滚动条到我的<Div> 。我试过overflow:auto ，但它不工作。我已经在Firefox和Chrome中testing了我的代码。我在这里粘贴Div样式代码： float:left; width:1000px; overflow: auto; 提前致谢。

javascript css检查是否溢出: 简单的方法来检测元素是否溢出？我的用例是，我想限制某个内容框有一个300px的高度。如果内容比这更高，我把它切掉，溢出。但是，如果它溢出，我想显示一个“更多”button，但如果不是，我不想显示该button。有没有一种简单的方法来检测溢出，还是有更好的方法？谢谢。

CSS：如何获得固定高度的容器内的div滚动条: 我有以下标记： <div class="FixedHeightContainer"> <h2>Title</h2> <div class="Content"> ..blah blah blah… </div> </div> CSS看起来像这样： .FixedHeightContainer { float:right; height: 250px; width:250px; } .Content { ??? } 由于其内容， div.Content的高度通常大于div.FixedHeightContainer提供的空间。目前， div.Content愉快地伸出了div.Content的底部div.FixedHeightContainer – 根本不是我想要的。如何指定该div.Content获取滚动条（最好是垂直，但我不挑剔），当其高度太大，以适应？ overflow:auto和overflow:scroll无所事事，为一些离奇的原因。

让孩子在溢出之外可见：隐藏的父级: 在CSS中， overflow:hidden被设置在父容器上，以允许它随着它们的浮动子元素的高度而扩展。但它也有另一个有趣的function，结合margin: auto … 如果以前的兄弟姐妹是一个浮动元素，它实际上会与它并列。这就是说，如果兄弟是float:left那么带有float:none overflow:hidden的容器将出现在兄弟右侧，而不是换行 – 就像在正常stream程中漂浮一样。如果前面的兄弟是float:right那么容器将出现在兄弟的左边。调整此容器的大小将准确显示它在浮动元素之间居中。说如果你有两个兄弟姐妹，一个float:left另一个float:right ，容器将出现在两者之间的中心。所以这是问题如何保持这种布局而不掩盖孩子？在网上search，让我知道如何clear:both和扩大一个容器…但我找不到任何其他的解决scheme来维持左/右先前孩子居中。如果你让容器overflow:visible那么容器突然忽略浮动元素的布局stream，并出现在浮动元素的顶部。所以问题：我必须有容器overflow:hidden以保持布局… 我怎么能这样做，让孩子们不被掩盖？我需要让孩子完全相对于容器外的父母定位。要么我如何overflow:visible所以我可以绝对定位一个孩子相对于容器之外的父母…是继续保持兄弟般的浮动式布局stream？

溢出：隐藏应用于<body>在iPhone Safari上工作吗？: overflow:hidden应用于<body>在iPhone Safari上工作吗？看来不是。我不能在整个网站创build一个包装，以实现… 你知道解决scheme吗？例如：我有一个长的页面，只是我想隐藏“折叠”下的内容，它应该在iPhone / iPad上工作。

当高度未知时，用flexbox垂直居中时发出问题: 我的布局有一个容器flex-container和一个孩子。 HTML： <div class="flex-container"> <div>text</div> </div> 容器和孩子有一个未知的高度。目标是：如果孩子的身高低于容器的高度，则会出现水平和垂直居中。如果孩子的身高高于容器的高度，则调整到顶部和底部，我们可以做滚动。 scheme：以flexbox为中心的最快方法是： .flex-container { display: flex; align-items: center; /* vertical */ justify-content: center; /* horizontal */ width: 100%; height: 300px; /* for example purposes */ overflow-y: scroll; background: #2a4; } .flex-container > div { background: #E77E23; width: 400px; } <div class="flex-container"> <div>Lorem ipsum dolor […]

CSS利润恐怖; 边距增加了父元素之外的空间: 我的CSS边缘不符合我的期望或期望他们的行为。我似乎像我的标题边缘顶部影响周围的div标签。这是我想要的和期望的： …但是这是我最终的结果：资源： <!doctype html> <html> <head> <meta charset="utf-8"> <title>Margin test</title> <style type="text/css"> body { margin:0; } #page { margin:0; background:#FF9; } #page_container { margin:0 20px; } h1 { margin:50px 0 0 0; } </style> </head> <body> <div id="page"> <div id="page_container"> <header id="branding" role="banner"> <hgroup> <h1 id="site-title"><span><a href="#" title="Title" rel="home">Title</a></span></h1> <h2 id="site-description">Description</h2> </hgroup> […]

溢出到左边而不是右边: 我有一个与overflow:hidden的div overflow:hidden ，其中我显示一个电话号码，用户键入它。 div内的文本向右alignment，并且随着文本向左增长，传入的字符被添加到右边。但是，一旦文字大小不足以容纳div，数字的最后一个字符就会自动裁剪，用户看不到她所键入的新字符。我想要做的是裁剪左边的字符，就像div显示其内容的最右边，并溢出到左边。我如何创build这个效果？