APICloud学习笔记之div填充剩余
2017-03-27 15:33
190 查看
效果图
html 代码
css 样式
html 代码
1 <header id="header"> 2 <div class="left" tapmode onclick="fnOpenCitySelectorFrame();"> 3 <div class="city" id="city">市北京市</div> 4 <div class="arrow" id="arrow"></div> 5 </div> 6 <div class="input-continer"> 7 <input class="search" type="text" > 8 </div> 9 10 </header>
css 样式
1 header { 2 /*position: relative;*/ 3 width: 100%; 4 height:50px; 5 background-color: #e1017e; 6 clear: both; 7 display: flex; 8 }
1 .input-continer{ 2 float:right; 3 text-align:center; 4 margin-top:10px; 5 /*width:100%;*/ 6 background-color:#00897B; 7 flex: 1 1 0; 8 }
相关文章推荐
- APICloud学习笔记之input 在div 中垂直居中
- APICloud学习笔记之设置div中文字垂直居中
- APICloud学习笔记之div样式设置套路
- div+css学习笔记
- Div+Css视频学习笔记
- (Java2D 学习笔记系列) (一)一个简单的图像填充实例及其分析理解
- MonoRail学习笔记十一:页面控件的填充和验证
- DIV+CSS学习笔记
- CSS学习笔记-附加篇(div中class与id的区别及应用)
- OpenCV学习笔记-漫水填充算法
- DIV+CSS学习笔记 之 CSS常用缩写语法
- DIV与样式排版学习笔记!
- j2me学习笔记【13】——创建矩形框、圆角矩形以及填充颜色小例子
- div+css学习笔记,display:block;用css截取字符串以...代替省略部分
- div学习笔记
- css+div学习笔记第1天
- MonoRail学习笔记十一:页面控件的填充和验证
- WinApi学习笔记-内存的复制,填充,输出等操作
- Div+css学习笔记
- FLEX学习笔记:Canvas的填充特性——不填充相当于没有