css - 将一个 div 定位在另一个 div 之外

标签 css html position

我有一个使用 margin: 0 auto; 居中的 div;显示:表格;div 的宽度为 960px

这个里面还有另一个div。它是一个搜索框,在顶 Angular 左对齐。但我希望这个 div 左对齐到浏览器窗口的最左侧,这意味着它在视觉上位于主要居中 div 的外部或内部,具体取决于浏览器窗口的大小。
有没有办法在 CSS 中实现这一点?

最佳答案

这里有一个 fiddle :http://jsfiddle.net/skunheal/5qT3p/

代码如下:

#container{
margin: 0 auto;
display: table;
width:400px;
height:300px;
background:#111;
}


#searchbox{
position:absolute;
height:20px;
width:100px;
background:#f1f1f1;
left:0px;
top:0px;
}

希望这能解决你的问题

关于css - 将一个 div 定位在另一个 div 之外,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21475169/

相关文章:

css - 使用扩展时奇怪的 SASS 输出

html - 使列表项以特定方式相互重叠(顺序)

html - 避免带有 float 元素网格的空白空间

html - CSS 绝对定位不起作用?

android - 滚动 ListView 时出现错误的 'convertView' 对象

html - CSS透明边框

html - 使用 HTML5 获取 View 以模仿下图

javascript - 我怎样才能使文本区域内容中的外观值取决于所选值

JavaScript - 在特定位置替换 INT

html - 防止我的固定页脚重叠内容