标签: positioning
我如何在twitters bootstrap css框架内正确定位绝对div
我似乎无法使用twitter bootstrap框架获得div在其父级中的绝对位置.我有一系列遵循以下方案的行
<div id='wrapper'>
<div class='row-fluid'>
<div class='span2'>some content here</div>
<div class='span9'>other content to the side of the first div</div>
<div class='timestamp'>123456 this should align to the bottom right of wrapper</div>
</div>
</div>
CSS
.timestamp{
position:absolute;
bottom:0px;
right:0px;
}
但是时间戳div总是将自己定位到整个dom文档的主体的绝对值,忽略任何中间div.是什么原因引起了这个？
推荐指数
解决办法
查看次数
如何移动raphael套装？
我有一组分组的对象Raphael.set().我想要做的是将整个集合(变化x和y坐标)从一个地方移动到另一个地方.如何将整个集合作为单个对象移动？我发现的是,当.attr({X: newX, Y: newY})调用a 时,集合中的每个元素都将定位在此协调上,这将导致在一个地方堆积所有元素.
推荐指数
解决办法
查看次数
如何设置视图框架宽度？(为什么我不能直接设置？)
我想重置一个UIView的帧大小,所以我写道:
view.frame.size.width = x;
但它不起作用,谁能告诉我为什么？
推荐指数
解决办法
查看次数
css相对定位不适用于chrome
我在Google Chrome中的相对定位存在问题以下代码在IE中运行良好,但在Chrome中运行不正常.相对定位相对于元素的正常位置.红色框的正常位置在黑匣子的正下方.如果我添加10%的空间,红色框应该在正常位置下出现10%.
HTML
<body>
<div id="outer">
<div id="inner1">
</div>
<div id="inner2">
</div>
</div>
</body
CSS
#outer
{
position:absolute;
left:20%;
right:20%;
bottom:20%;
top:20%;
background-color:Blue;
}
#inner1
{
position:relative;
width:20%;
height:20%;
background-color:Black;
}
#inner2
{
position:relative;
top:10%;
width:20%;
height:20%;
background-color:Red;
}
推荐指数
解决办法
查看次数
没有边距或填充 - 但div元素之间仍然是空格
这不是第一次让我感到困惑.
<div id="wrap">
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
<div class="content"></div>
</div>
#wrap {
width:400px;
height:200px;
background:red;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
.content {
width:100px;
height:200px;
display:inline-block;
background:green;
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}
在JSFiddle上查看时,您可能会有更好的理解
根据我的理解,四个div应该完全适合父div,但它们之间有一个空间 - 我不明白它的来源.
如果有人能为我解决这个问题会很棒.
推荐指数
解决办法
查看次数
Bootstrap列之间的垂直间隙
我正在尝试在Bootstrap中创建一个布局,在较大的屏幕上显示三个块,在较小的屏幕上显示两个块(断点出现在sm和md之间).
<div class="row">
<div class="container">
<div class="col-xs-6 col-md-4">A - 50</div>
<div class="col-xs-6 col-md-4">B - 100</div>
<div class="col-xs-6 col-md-4">C - 75</div>
</div>
</div>
请参阅CodePen示例
然而,这导致块A和C之间的不希望的垂直间隙.
在我看来,我有一些可能的选择来消除垂直间隙,但也许有一个更好的解决方案:
- 复制html并使用visible-sm和visible-md来显示所需的布局.在sm上,它将具有两列布局,第一列包含A和C.
- 缺点:块内容也需要重复,可能包含很多html
- 使用JavaScript将块移动到正确的列(也许是jQuery Masonry).
- 缺点:我宁愿只有CSS解决方案
- 看一下flexbox,css列和css网格.
- 缺点:浏览器支持不存在
推荐指数
解决办法
查看次数
CSS同线对齐
有没有一种优雅的方法可以在同一条线上左右,中间和右边对齐3个元素？
现在我<div>用宽度为3 的全部:33%;浮动:左; 而且效果不好.
推荐指数
解决办法
查看次数
C#窗口定位
使用Windows窗体我想将窗口定位到特定的坐标.我认为它可以用一种简单的方式完成,但是下面的代码根本不起作用:
public Form1()
{
InitializeComponent();
this.Top = 0;
this.Left = 0;
}
但是,当只获取该窗口的句柄时,它运行良好:
public Form1()
{
InitializeComponent();
IntPtr hwnd = this.Handle;
this.Top = 0;
this.Left = 0;
}
您可以看到我根本不使用该指针.我在MSDN上发现以下声明:
Handle属性的值是Windows HWND.如果尚未创建句柄,则引用此属性将强制创建句柄.
这是否意味着我们只能在创建其句柄后设置窗口位置？是否在内部使用此手柄设置了顶部/左侧？谢谢你的澄清.
推荐指数
解决办法
查看次数
如何在textarea的右上角放置一个跨度？
我有一个文本区域id="aboutme"和一个跨度class="maxlength-feedback",我希望跨度位于textarea的右上角.它将成为文本区域的计数器.
我知道这两个元素应该有position="relative",而跨度应该是display="inline-block",但它不起作用.
我将不胜感激任何帮助.谢谢.
推荐指数
解决办法
查看次数
滚动时固定位置元素在Chrome中闪烁
我正在努力建立这个网站.它适用于Firefox,但不适用于Chrome.我将标题固定在顶部.滚动时,它会粘在顶部,并在Chrome中闪烁.
我不知道为什么,但我试图解决这个问题,但不能.我该如何解决这个问题？
网站链接:https://dl.dropboxusercontent.com/u/88666744/HTML/works/qcolor2Copy-fl/index.html
请帮我解决这个问题.
提前致谢
推荐指数
解决办法
查看次数