Question

＆lt; p＆gt;我的最终目标是拥有两个＆＃34; textArea＆＃34;元素彼此平行。每个＆＃34; textArea＆＃34;应该占据屏幕的45％。我所面临的问题是，当我包含＆＃39; Content / site.css＆＃39;在_LayOut.cshml中，＆＃34; textArea＆＃34;的宽度元素始终保持不变。我试着改变＆＃34; textArea＆＃34;的宽度。在CSS但但没有效果。请参阅以下代码。＆lt; / p＆gt; ＆lt; p＆gt; site.css具有限制＆＃34; textArea＆＃34;的宽度的代码。我评论说代码;并试图改变＆＃34; textArea＆＃34;的宽度。那没有效果。然后我完全删除了site.css。那么＆＃34; textArea＆＃34;的宽度开始回应CSS中所做的更改。＆lt; / p＆gt; ＆LT;预＆GT;＆LT;代码＆GT; // Index.cshtml ＆lt; div id =＆＃34; d1＆＃34;＆gt; @using（Html.BeginForm（）） { ＆LT; DIV＆GT; ＆LT; p为H. ＆lt; textarea id =＆＃34; T1＆＃34;＆gt;＆lt; / textarea＆gt; ＆LT; / p为H. ＆LT; p为H. ＆lt; textarea id =＆＃34; T2＆＃34;＆gt;＆lt; / textarea＆gt; ＆LT; / p为H. ＆LT; p为H. ＆lt;输入类型=＆＃34;提交＆＃34;值=＆＃34;创建＆＃34; /＆GT; ＆LT; / p为H. ＆LT; / DIV＆GT; } ＆LT; / DIV＆GT; // CSS 身体 { 宽度：95％; } ＃D1 { 边框颜色：蓝色; 填充：10px; } ＃T1 { 边框颜色：红色; 填充：10px; 向左飘浮; 宽度：45％; } ＃T2 { 边框颜色：绿色; 填充：10px; 宽度：45％; } ///_Layout.cshtml ＆LT; HTML＆GT; ＆LT; HEAD＆GT; ＆lt; meta charset =＆＃34; utf-8＆＃34; /＆GT; ＆lt; meta name =＆＃34; viewport＆＃34; content =＆＃34; width = device-width，initial-scale = 1.0＆＃34;＆gt; @ Styles.Render（＆＃34;〜/内容/ CSS＆＃34） @ Scripts.Render（＆＃34;〜/束/ Modernizr的＆＃34）＆LT; /头＆GT; ＆LT;身体GT; @RenderBody（） @ Scripts.Render（＆＃34;〜/束/的jquery＆＃34） @ Scripts.Render（＆＃34;〜/束/自举＆＃34） @RenderSection（＆＃34;脚本＆＃34;，必需：false）＆LT; /体＆GT; ＆LT; / HTML＆GT; （BundleConfig） bundles.Add（new StyleBundle（＆＃34;〜/ Content / css＆＃34;）。包括（＆＃34;〜/内容/ s1.css＆＃34 ;, ＆＃34;〜/内容/ bootstrap.css＆＃34; //"~/Content/site.css" ＆LT; /代码＆GT;＆LT; /预＆GT;

Answer 1

某些东西压倒了你的CSS。在你的css之后尝试addind !important，这样它就会被覆盖。似乎：

T1{
  width: 45% !important;
 }

宽度<textarea>保持不变，直到＆＃39; Content / site.css＆＃39;已移除

1 个答案: