让div左右对齐自适应高度的网页特效(常看)

简介:
+关注继续查看



原文:http://www.360doc.com/content/13/0723/09/8445249_301885130.shtml

<!DOCTYPE HTML >
<html>

	<head>
		<meta charset="utf-8">
	
		<style type="text/css">
			.box { border:1px solid #006699; width:500px; overflow: hidden; }
			.box .left { float:left; width:30%; background:red; padding-bottom:3000px; margin-bottom:-3000px; }
			.box .right { float:right; width:70%; background:green; padding-bottom:3000px; margin-bottom:-3000px; }
		</style>
	</head>

	<body>
		
		<div class="box">
			<div class="left">
				 <h1>wo</h1> <h1>wo</h1> <h1>wo</h1>
			</div>
			<div class="right">
				 <h1>wo</h1>
			</div>
		</div>
	</body>

</html>


目录
相关文章
|
9月前
|
前端开发 JavaScript
div在网页四周留个等宽“包边”的办法
div在网页四周留个等宽“包边”的办法
52 0
div在网页四周留个等宽“包边”的办法
|
9月前
|
前端开发 JavaScript
div在网页中四周留个等宽“包边”的办法
div在网页中四周留个等宽“包边”的办法
39 0
div在网页中四周留个等宽“包边”的办法
|
前端开发
内容滚动条和子 div 高度自适应
一个div里面,两个子div高度自适应(平分父div的高度)和元素内容过多的时候,根据需求出现高度滚动条或者宽度滚动条。 先放最终效果(在下面会有demo代码。): Paste_Image.png 实现这些效果要怎么做呢?咱一步一步来。 第一步: 先设置html结构:这里我已经搭好了。 第二步然后开始写css样式了 设置父元素box的样式 设置box1的样式 现在尝试把html解除注释 下面就到了关键的部分了(文章末尾有demo,不想看的话,可以自己试试。): 在上面我们已经设置了最大高度和最小高度,因为box1空间不够所以溢出来了。
600 0
内容滚动条和子 div 高度自适应
|
前端开发
如何用纯css实现div框四个角的点缀
用纯css实现div框四个角的点缀
727 0
|
Web App开发 JSON 前端开发
【问题归纳】前端开发问题集 | css 设置div宽高比1:2 下
【问题归纳】前端开发问题集 | css 设置div宽高比1:2
123 0
【问题归纳】前端开发问题集 | css 设置div宽高比1:2 下
|
XML 前端开发 JavaScript
【问题归纳】前端开发问题集 | css 设置div宽高比1:2 上
【问题归纳】前端开发问题集 | css 设置div宽高比1:2
270 0
|
前端开发 JavaScript API
CSS魔法堂:改变单选框颜色就这么吹毛求疵!
是否曾经被业务提出"能改改这个单选框的颜色吧!让它和主题颜色搭配一下吧!",然后苦于原生不支持换颜色,最后被迫自己手撸一个凑合使用。若抛开`input[type=radio]`重新开发一个,发现要模拟选中、未选中、不可用等状态很繁琐,而涉及单选框组就更烦人了,其实我们可以通过`label`、`::before`、`:checked`和`tabindex`,然后外加少量JavaScript脚本就能很好地模拟出一个样式更丰富的“原生”单选框。
1376 0
|
前端开发
css 实现文字自动换行切同行元素高度自适应
1.实现div行内布局所有行跟随最大高度自适应 html代码样例: 1 2 3 所在部门 4 5 6 7 @ViewBag.decideDetail.departName 8 9 岗位 10 11 @ViewBag.
1436 0
|
机器学习/深度学习 前端开发
相关产品
云迁移中心
推荐文章
更多