Nest div标签覆盖父div标签属性

时间:2015-12-05 09:48:19

标签: html css

我有一个内容居中的网页。它有很多css和js jinja2模板。当我添加一个简单的div标签

<?xml version="1.0" encoding="utf-8"?>
<manifest xmlns:android="http://schemas.android.com/apk/res/android"
package="com.fb.agazeadmin.hwapplication">

<application
    android:allowBackup="true"
    android:icon="@mipmap/ic_launcher"
    android:label="@string/app_name"
    android:supportsRtl="true"
    android:theme="@style/AppTheme">
    <activity
        android:name=".MainActivity"
        android:label="@string/app_name"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity>
    <!--activity
        android:name=".LoginActivity"
        android:label="@string/app_name"
        android:theme="@style/AppTheme.NoActionBar">
        <intent-filter>
            <action android:name="android.intent.action.MAIN" />

            <category android:name="android.intent.category.LAUNCHER" />
        </intent-filter>
    </activity-->
    <activity android:name="com.fb.agazeadmin.fblogin.LoginActivity" />



</application>

</manifest>

    [This is my project Structure][1]

消息也是居中的。我试图改变一些事情,但我担心这可能会影响其他一些页面。所以我想知道我是否可以强制这个div标签左对齐。我试过了“漂浮=离开”#39;不管用。是否可以覆盖此 <div class="container"> <!-- something --> <div>hello</div> 标记的所有其他设置?

页面布局就像

<div>

预期结果:

      Space       |text stats here|  Space
                  |text2          |  

样本: http://cssdeck.com/labs/wnfmebyb

代码

      Space       |text stats here|  Space
                  |text2          |  
      hello

css文件:

   <title>test</title>
  <body class="">
     <div class="container">
     <h2> Center Header  </h2>
     centered text
       <br/>
           <div style="float:left"> Wanted this on left </div>
       </div>
        <div style="float:left"> Expected output: LEFT </div>
      </body>

2 个答案:

答案 0 :(得分:1)

为特定div添加一个ID,这样您就不必覆盖任何其他设置 -

<div class="container"> 
   //something
   <div id="some_id">hello</div>

而不是添加 CSS

    #some_id{
        text-align: left !important;
    }

答案 1 :(得分:0)

看起来我需要提供“绝对位置”,如下所示:

<div class="movethis"> Wanted this on left </div>

.movethis{
    position:absolute;
    bottom: 0px;
    left: 0px;
    right: 0px;
}

结果:http://cssdeck.com/labs/4rtflvmy