Rumah > hujung hadapan web > html tutorial > 求大神指教!谢谢了吖_html/css_WEB-ITnose

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

WBOY
Lepaskan: 2016-06-24 11:59:08
asal
1245 orang telah melayarinya


回复讨论(解决方案)

给第一个加个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>
Salin selepas log masuk


这样子就解决了~

Label berkaitan:
sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan