标签: css-float
不同高度的浮动框:jquery插件以特定边距浮动它们？
嘿伙计们,我几乎可以肯定我偶然发现了这样的插件.
我的页脚中有多个小部件都是浮动的:对.所有这些小部件都有不同的大小,因此浮动不能正常工作.他们浮起来但你可以想象它看起来像什么:很多不同的空间,只是丑陋.
我正在寻找一个jquery插件来解决这个问题,以便所有这些盒子滑到下一个盒子的边缘.
我希望我的解释不是复杂的.任何想法如何调用该插件？
谢谢
推荐指数
解决办法
查看次数
特定于Opera的布局问题(浮动)
我有一个论坛标题栏(有论坛名称和主题标题).论坛名称,不久,将被剪切并显示:hover.目标是让帖子标题在论坛名称旁边开始,悬停与否,以及在太长时间内剪切.
以下简化的测试用例适用于Chrome和FF,但不适用于Opera(在11.50 alpha测试,最新稳定,在mac上测试).
正确的行为:主题标题(红色轮廓的标题)与论坛名称一致.
我在Opera什么:文本消失了-实际上是由隐藏overflow:hidden在.nav_bar,它就会被移到下一行.
推荐指数
解决办法
查看次数
div中溢出的div行,滚动而不是新行
我有一个div包含另一个带图像的div.我需要将这些div放在网上,但是当我添加另一个div时,没有足够的位置让这个div进入一个新的界限.div的数量取决于db中的图像数量,所以我需要滚动它们.
CSS:
div#saved_images {
width: 85%;
height: 135px;
overflow-x: scroll;
overflow-y: hidden;
border: 2px dashed #000;
border-radius: 10px;
}
div.saved_image {
display: inline-block;
width: 170px;
height: 120px;
padding-left: 5px;
padding-right: 5px;
text-align: center;
}
感谢您的输入.这是一个jsfiddle:http://jsfiddle.net/remibreton/Sc2L8/
推荐指数
解决办法
查看次数
有没有办法在 li 标签中并排放置两个 div？
我有一个使用 jquery 滚动的列表。我想在 li 中有两个单独的 div，以便它们一起滚动，但是除非被函数调用，否则一个是隐藏的。 例如：
<ul id="scrollul">
<li id="item1" class="active">
<div>1</div>
<div style="display:none;">2</div>
</li>
</ul>
推荐指数
解决办法
查看次数
float:左边的属性
在我的网页上,当我使用浮动时:左侧为导航栏按钮(为了水平排列),它会在向右移动后生成内容,例如:
[ Home About More ]
Text
我希望它是:
[ Home About More ]
Text
有什么建议？
推荐指数
解决办法
查看次数
CSS浮动属性仅适用于额外的样式标记
有些事我想我只是不了解HTML css.当我使用这段代码时:
<!DOCTYPE html>
<html>
<head>
<title>STC </title>
<link href="bootstrap.css" rel="stylesheet">
<script src="bootstrap.js"></script>
<style type="text/css">
...
.loginHeader{
float: right;
padding: 5px;
}
.navLinks{
float: left;
padding: 5px;
}
</style>
</head>
<body>
<div class="topBar">
<div class="navLinks">
<a href=""> Home</a> | <a href=""> About</a> | <a href=""> Suggestions</a> | <a href=""> Terms & Conditions</a>
</div>
<div class="loginheader">
croberts | <a href="/myContracts/">My Contracts</a> | <a href='?logout'>Logout </a>
</div>
</div>
...
</body>
</html>
我的浮动权利不符合我的要求.但是,如果在我的文件的最开始,在doctype声明之前,我添加<style></style>然后它完美地工作.那么为什么这样的东西对那种特定的风格有什么影响呢？其他一切看起来应该是这样的,这只是浮动权问题.
推荐指数
解决办法
查看次数
使用浮动并排对齐div元素
我主要是一个后端开发人员,但我正试图让布局正确.基本上我正在创建一个列表视图页面,它将div在左侧包含一个标签,其中包含一堆过滤器(下拉列表,复选框等).在屏幕的右侧,我将有一个div包含网格的标签.这似乎有效,但是当我在头顶上或者我的屏幕没有达到最大值时看起来很糟糕.我这样做了吗？基本上这就是我所追求的:
我为此做的CSS就像这样简单:
.filterContainer {
width:20%;
float:left;
}
.gridContainer {
width:79%;
float:right;
}
基本上.filterContainer是我的左div(dLeft),.gridContainer是我的权利div(dRight).这对我想要实现的目标有效吗？结果如下所示:
http://i.imgur.com/WFasMF1.png
但是,如果我调整窗口大小,我最终会得到以下结果:
http://i.imgur.com/4u9HRlK.png
我认为这是正常的,因为我正在调整大小,但我的CSS是否有效？
推荐指数
解决办法
查看次数
调整浏览器大小时绝对位置错误
我有两个divs ，第一个div位于相对位置，另一个div位于绝对位置，当我将浏览器大小调整为 100% 屏幕尺寸时，一切看起来都很好。
当我调整浏览器大小并且绝对位置的第二个元素出现在容器之外时，问题就出现了，虽然不多，但仍然处于外部的不同位置。
\n\n演示： http: //jsfiddle.net/1pde2gyc/
\n\n我的CSS代码：
\n\n#container_front {\n position:relative;\n width:40%;\n margin-left:auto;\n margin-right:auto;\n}\n\n#front_like {\n position:absolute;\n width:50px;\n height:50px;\n left:75%;\n bottom:-1%;\n}\n问题是front_like，这个 DIV 内部有一个图像，该图像或多或少显示在右侧和中间，当我将屏幕大小调整到 50 或 30% 时，图像会从名为 的容器中消失container_front。
我认为使用绝对和 % 总是保持在相同的位置，但我看到当调整大小移出时，是否存在解决此问题的解决方案？ir css计算位置并留在容器中的同一侧并且没有出去
\n\n谢谢\xc2\xb4s最诚挚的问候。
\n推荐指数
解决办法
查看次数
浮动的奇怪行为:右和css悬停
我有这个页面http://myrender.altervista.org/show2.html
我用float:right指令将5个按钮移动到右上角,然后悬停在这些按钮中突然停止工作(在float:right它工作之前).
有HTML:
<div class="container">
<div class="imgcontainer">
<div class="latest">Ultimi Caricamenti</div>
<img class="imgslide" src="" />
</div>
<div class="buttondiv">
<div class="button" onclick="change(0); clearInterval(t);" id="p0"></div>
<div class="button" onclick="change(1); clearInterval(t);" id="p1"></div>
<div class="button" onclick="change(2); clearInterval(t);" id="p2"></div>
<div class="button" onclick="change(3); clearInterval(t);" id="p3"></div>
<div class="button" onclick="change(4); clearInterval(t);" id="p4"></div>
</div>
</div>
还有CSS类(只需要):
.button
{
display:inline-block;
height:10px;
width:10px;
background:#eee;
border-radius:50%;
cursor: pointer;
opacity: 0.6;
}
.button:hover
{
opacity:1.0;
}
.buttondiv
{
margin-top: -17px;
padding-right: 5px;
float:right;
}
.buttonactive
{
background:#1390cd;
opacity:0.8;
}
.container …推荐指数
解决办法
查看次数
以标签结尾停止浮动
我想创建一个漂浮在图像周围的文本。接下来的段落应该只浮动在下一个图像周围。
<div>
<div style="float: right; padding: 0 0 1em 1em;">
<img src="myImage1.png" .../>
</div>
<p>
This text should float around the...
</p>
<p>
... above myImage1.png.
</p>
</div>
<div style="clear: both;">
<div style="float: right; padding: 0 0 1em 1em;">
<img src="myImage2.png" .../>
</div>
<p>
This text should float around the...
</p>
<p>
... above myImage2.png.
</p>
</div>
我想避免在下一个style="clear: both;"div上添加，但希望浮动图像在第一个 top-level 的末尾自动停止浮动，因此每个 div 可以具有相同的样式类：</div>
<div class="floatBlock">
...
</div>
<div class="floatBlock">
...
</div>
如果内部有 -tags（第一个 floatBlock 的图像不应漂浮在 h3 以下），这尤其有用： …
推荐指数
解决办法
查看次数
标签 统计
css-float ×10
css ×9
html ×6
css-position ×1
grid-layout ×1
hover ×1
html-lists ×1
jquery ×1
opera ×1
position ×1
scroll ×1