Heim > Web-Frontend > HTML-Tutorial > 求大神指教!谢谢了吖_html/css_WEB-ITnose

求大神指教!谢谢了吖_html/css_WEB-ITnose

WBOY
Freigeben: 2016-06-24 11:59:08
Original
1247 Leute haben es durchsucht


回复讨论(解决方案)

给第一个加个ID不就行了吗
#column1
{
     width:200px;
}

给第一个加个ID不就行了吗
#column1
{
     width:200px;
}



谢谢了。。。一下子就顿悟了。。。。我居然想一个class设置3个不同宽度。。。缺心眼了。。。。

1 ,2 ,3 ;楼的内容

可以生成 3个故事

使用 CSS :first-child 选择器

1 ,2 ,3 ;楼的内容

可以生成 3个故事



唉。。。事故!!!!可是,该怎么把后两个div弄成一样宽啊~~~~前面居然还是200px的定值~

使用 CSS :first-child 选择器



对啊,对啊。。。。嘿嘿。。。。

<style type="text/css">	.box{		width:100%;		height:100px;		background-color:#CCC;		/*定义和盒模型*/		display:-webkit-box;		}	.item{		margin:3px;		background-color:#999;		/*3列栏目为一个整体盒布局效果*/		box-sizing:border-box;		}	.item:nth-child(1){				width:200px;				}		.item:nth-child(2){		/*自适应大小*/		-webkit-box-flex:1;				}	.item:nth-child(3){		/*自适应大小*/		-webkit-box-flex:1;	}</style>
Nach dem Login kopieren


这样子就解决了~

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
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
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage