为什么父div和内div之间有空白反应?

时间:2018-06-02 06:24:50

标签: html css reactjs

我在React中有这个非常简单的组件。我有点新的反应。我尝试了一切来移除空白区域,但我无法弄清楚是什么原因导致白色空间出现。只有保证金负数似乎是可行的解决方案,但我知道不适合使用请告诉我如何解决它  导入React,{Component}来自'反应&#39 ;;

class Shopdetail extends Component{
    constructor(props){
        super(props);
        this.state={            
            data: this.props.data,
            redirect:false

        };        
    }
    componentDidMount(){
        console.log(this.props.match.params.idUser);
    }
        render(){
            return(
                <div style={{ verticalAlign: 'top',margin:'0',clear:'both'}}>
                    <div style={{background:'#cc5',width:'100%',height:'100px',verticalAlign: 'top',boxSizing: 'border-box',clear:'both',padding:'0'}}>Hey</div>
                </div>

            )
        }
}
export default Shopdetail

这是截图 this is screenshot

3 个答案:

答案 0 :(得分:1)

从正文中移除边距或只是添加

body{
   margin : 0px !important;
}

答案 1 :(得分:0)

每个浏览器都有每个元素的默认样式表。

考虑一下h1标签的字体大小如何大于p标签...... !!此样式表称为User Agent StyleSheet

User Agent StyleSheet有默认保证金&amp;每个标签的填充(不同的填充和不同标签的边距)。

更好的方法是重置那些填充和放大器。开始项目后通过普遍选择保证金。

*,
*:after,
*:before {
  margin:0;
  padding:0;
  box-sizing:border-box;
}

答案 2 :(得分:-1)

尝试使用此css重置...添加到您的CSS顶部

from selenium import webdriver
from selenium.webdriver.support.wait import WebDriverWait
from selenium.webdriver.support import expected_conditions as EC
from selenium.webdriver import ChromeOptions
import unittest

class TestBase(unittest.TestCase):

    driver = None

    def __init__(self,testName,browser):

        self.browser = browser
        super(TestBase,self).__init__(testName)

    def setUp(self):

        if self.browser == "firefox":
            TestBase.driver = webdriver.Firefox()

        elif self.browser == "chrome":
            options = ChromeOptions()
            options.add_argument("--start-maximized")
            TestBase.driver = webdriver.Chrome(chrome_options=options)
        self.url = "https://www.airbnb.co.in/"
        self.driver = TestBase.getdriver()
        TestBase.driver.implicitly_wait(10)

    def tearDown(self):
        self.driver.quit()

    @staticmethod
    def getdriver():
        return TestBase.driver

    @staticmethod
    def waitForElementVisibility(locator, expression, message):
        try:
            WebDriverWait(TestBase.driver, 20).\
                until(EC.presence_of_element_located((locator, expression)),
                   message)
            return True
        except:
            return False