当尺寸调到PAD或更小尺寸时,第二个div显示到下方
来源:互联网 发布:淘宝大麻暗语 编辑:程序博客网 时间:2024/04/30 15:12
<style>
.inner{
width: 1200px;
margin: 0 auto;
}
.left{
width: 50%;
height:400px;
background: red;
float: left;
}
.right{
width: 50%;
height:400px;
background: blue;
float: right;
}
@media screen and (max-width: 1200px){
.inner{
width: 100%;
}
}
@media screen and (max-width: 980px){
.left{
width: 100%;
float: none;
}
.right{
width: 100%;
float: none;
}
}
</style>
<body>
<div class="inner">
<div class="left"></div>
<div class="right">
<p>作者简介</p>
</div>
</div>
</body>
.inner{
width: 1200px;
margin: 0 auto;
}
.left{
width: 50%;
height:400px;
background: red;
float: left;
}
.right{
width: 50%;
height:400px;
background: blue;
float: right;
}
@media screen and (max-width: 1200px){
.inner{
width: 100%;
}
}
@media screen and (max-width: 980px){
.left{
width: 100%;
float: none;
}
.right{
width: 100%;
float: none;
}
}
</style>
<body>
<div class="inner">
<div class="left"></div>
<div class="right">
<p>作者简介</p>
</div>
</div>
</body>
阅读全文
0 0
- 当尺寸调到PAD或更小尺寸时,第二个div显示到下方
- android计算 pad或手机的像素,密度,屏幕尺寸
- 获取Android手机或Pad的屏幕的物理尺寸
- 大尺寸网页在小分辨率显示器上或小窗口上的居中显示
- android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法
- ****android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法
- android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法
- android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法
- 当选中颜色或尺寸的时候能够更新下方的库存列表
- 尺寸
- 尺寸
- VC让对话框显示就最大化 或固定尺寸
- 鼠标称到第一个DIV上,显示第二个DIV的内容,鼠标移开第二个DIV,第二个DIV内容隐藏
- 小程序 设计尺寸
- 【移动设备显示尺寸】
- [ffmpeg]显示视频尺寸
- 如何在论文中显示小尺寸的清晰图像
- iOS小demo之将图片压缩到指定尺寸
- 获得到当前月底时间(秒)
- 视频图像研判平台
- 加速度传感器(摇一摇)
- Hive学习之Metastore及其配置管理
- SalesforceDX-安装,配置
- 当尺寸调到PAD或更小尺寸时,第二个div显示到下方
- svn服务器搭建
- 数组中出现次数超过一半的数字(数组 时间效率)
- 考试总结15
- Android项目Eclipse打第三方jar包
- AngularJS杂记9----玩转ng-options指令:工作中的常见操作
- Java Map集合
- 2017-11-6
- Java多图片及多文件上传