zoukankan
html css js c++ java
利用背景色的两列自适应
Code
1
<!
DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
>
2
<
html
xmlns
="http://www.w3.org/1999/xhtml"
>
3
<
head
>
4
<
title
>
test
</
title
>
5
<
style
type
="text/css"
>
6
.main
{
}
{
7
width
:
400px
;
8
background
:
#333333
;
9
color
:
#ffffff
;
10
}
11
.content
{
}
{
12
float
:
left
;
13
width
:
200px
;
14
background
:
#cccccc
;
15
color
:
#000000
;
16
}
17
.clear
{
}
{
18
clear
:
both
;
19
}
20
</
style
>
21
</
head
>
22
<
body
>
23
<
div
class
="main"
>
24
<
div
class
="content"
>
25
高度自适应的例子,注意元素高度的变化。高度自适应的例子,注意元素高度的变化。
26
</
div
>
27
父元素中的内容
28
<
div
class
= "clear"
></
div
>
29
</
div
>
30
</
body
>
31
</
html
>
适用情况:当浮动元素的高度大于父元素时,才有效。
查看全文
相关阅读:
VM CentOS建立共享文件夹实现VS Code在windows环境下go开发,在centos环境里编译
Centos7安装protobuf3.6.1
C++继承汇总(单继承、多继承、虚继承、菱形继承)
用 Python 发邮件
C# Task任务教程
C#获取IP和默认网关
GO语言从入门到放弃
Go结构体标签
解除百度云浏览器端对下载大文件的限制
移动浏览器横屏
原文地址:https://www.cnblogs.com/ada313/p/1564188.html
最新文章
PHP7新特性及优化
Windows下Git Status的乱码问题解决方案
深入理解PHP原理之Opcodes
Nginx 实现高并发原理
linux crontab创建举例
opentsdb如何存取字符类型的数值呢
勉励自己--淡定的CrazyDog
Backbone.Events—纯净MVC框架的双向绑定基石
Document.defaultView
Handlebars模板引擎中的each嵌套及源码浅读
热门文章
小王子浅读Effective javascript(一)了解javascript版本
关于淘宝新首页代码彩蛋中的那个妹纸
beego 0.9.0 中智能路由AutoRouter的使用方法及源码解读
贱贱的美团安卓客户端---如何实现让安卓app在应用列表获得较靠前的位置
Mysql几种索引类型的区别及适用情况
window对象的属性方法名造成的命名冲突
redis geo使用笔记
【Go语言】map在goroutine通信中的使用问题
Prometheus 和 Alertmanager实战配置
centos7 VM虚拟机在主机关机重启后,无法ping通
Copyright © 2011-2022 走看看