Javascript div总是粘在页面的左边框上
我有一个Javascript div总是粘在页面的左边框上,javascript,css,Javascript,Css,我有一个,左边距为0px。 但有时(页面是动态生成的),该被放置在另一个中,该具有正的左边距值。 这样#mydiv将具有容器的边距,而不是0 有什么方法可以设置吗 margin-left: 0px (relative to the body margin) 或 如果您的div位于另一个div内,则该div的边界仅限于其容器div 您可以通过放置位置:绝对来打破它在要以不同方式定位的div上。然后你应该放置一个位置:relative在容器上,它应该相对定位。然后您可以使用负数左边距使用: .my
,左边距为0px
。
但有时(页面是动态生成的),该
被放置在另一个
中,该
具有正的左边距值。
这样#mydiv
将具有容器的边距,而不是0
有什么方法可以设置吗
margin-left: 0px (relative to the body margin)
或
如果您的div位于另一个div内,则该div的边界仅限于其容器div 您可以通过放置
位置:绝对来打破它代码>在要以不同方式定位的div上。然后你应该放置一个位置:relative代码>在容器上,它应该相对定位。然后您可以使用负数左边距使用:
.mydiv{
position: absolute;
left : 0;
}
通过使用绝对位置
并将left
设置为0,您的div
将始终与包含元素的左侧对齐,没有边距。使用CSS定位属性并分别对齐div
比如说
您有一个带有位置:相对的
样式
对于内部
样式,带位置:绝对;左:0代码>或左侧:50%
主要点是定位:
位置:固定代码>将相对于浏览器窗口定位div
位置:相对代码>将相对于其正常位置对其进行定位
位置:绝对位置
将相对于第一个父元素定位它,该父元素的位置不是静态的(因此它毕竟不是绝对的)
选中您可以通过相对和绝对位置来实现。
你只需要在所有部门之上有一位顶级家长。
我创建了以下示例。它将帮助你实现你所需要的
[Example](http://jsfiddle.net/dhavalsolanki/tjv5e1tn/)
你能发布你的代码吗?如果可能的话,你能大致描述一下你现在拥有的和你想要的。位置:绝对,如果“mydiv”下面有更多的元素,那么看起来最好的方法是行不通的;它们会向上移动,因此会被“mydiv”本身隐藏起来。绝对不会起作用。
[Example](http://jsfiddle.net/dhavalsolanki/tjv5e1tn/)