> 웹 프론트엔드 > HTML 튜토리얼 > CSS修改,怎么把原来一栏的修改成二栏_html/css_WEB-ITnose

CSS修改,怎么把原来一栏的修改成二栏_html/css_WEB-ITnose

WBOY
풀어 주다: 2016-06-24 12:23:00
원래의
1119명이 탐색했습니다.

<style type="text/css"> #vote-show{ border:1px solid #e5e5e5; padding:0 1px; color:#535353}#vote-show h2{background:url("{IMG_PATH}vote/show_bg.png") repeat-x 0 0;height:26px; line-height:26px; padding-left:10px}#vote-show h2 span{font-size:14px;background:url("{IMG_PATH}vote/vote_bg.gif") no-repeat scroll 0 1px transparent;padding-left:18px; color:#145aa3; }#vote-show h3{ font-size:12px; font-weight:normal; line-height:26px; height:26px}#vote-show .content{ padding:8px 10px 15px}.vote_bar{width:50%; height:13px; border:1px solid #999; position:relative; overflow:hidden; margin-bottom:8px; background-color:#f6f6f7}.vote_bar div{background: url({IMG_PATH}admin_img/x_bg.png) repeat-x left -194px; float: left; position:relative; height:16px;_height:13px}.vote_bar span{display:block; position:absolute; left:0; top:0; width:50%; text-align:center; height:16px; font-size:10px; line-height:12px; vertical-align:middle; z-index:200}</style> 
로그인 후 복사



请教怎么修改才能成如图效果 谢谢


回复讨论(解决方案)

可以通过设置 float,width  没有HTML代码,不好说

本来你这个是一栏,你用一个div框起来,然后把宽度设置成50%,然后旁边再简历一个div,也就是第二栏,不过另外一个div宽度为50%,并且要float:right。

把尺寸固定好float:left会自动排列的

원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿