Heim >Web-Frontend >HTML-Tutorial >CSS修改,怎么把原来一栏的修改成二栏_html/css_WEB-ITnose

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

WBOY
WBOYOriginal
2016-06-24 12:23:001123Durchsuche

<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会自动排列的

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn