HTML5/CSS/RWD - 在一个 div 中部署四个框

标签 html css responsive-design

<分区>


这个问题似乎离题,因为它缺乏足够的信息来诊断问题。 更详细地描述您的问题或include a minimal example在问题本身。

关闭 9 年前

如何在一个div中部署四个框,分别定位在左上角、右上角、左下角、右下角的边缘,当你点击中间的框打开一个带有文本的窗口时.

是这样的:https://www.dropbox.com/s/3etszqonq9egven/layout.jpg

请帮帮我

最佳答案

按照以下方式设置div

左上

 <style>margin-top:0;margin-left:0;</style>

右上

 <style> margin-top:0;margin-right:0;</style>

左下

 <style>margin-bottom:0;margin-left:0;</style>

右下

 <style>margin-bottom:0;margin-right:0;</style>

关于HTML5/CSS/RWD - 在一个 div 中部署四个框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21216219/

上一篇:ios - 使用 Ionicons 作为背景内容和绝对定位的 Safari 中的 CSS 故障

下一篇:javascript - 我无法获取 HTML 页面上元素的值

相关文章:

html - 如何创建最大宽度的媒体查询?

javascript - jquery 爆炸效果无法正常工作

javascript - knockout : Populate dropdown

html - 覆盖滚动条

html - 汉堡下拉菜单颜色不转移

css - 为什么我的移动浏览器显示的图片与 iPad 不同?

html - 如何在ul中垂直对齐图像

jQuery 滑动关闭多个按钮

javascript - ExtJS 工具提示呈现长主体错误

java - JavaFX 子类的内联样式